當移動

Question

運行如何修復錯誤的CSS寬度×高度我有一個形象：

<img class="" width="78px" height="78px" border="0" alt="" src="test.png" smartload="7" style="opacity: 1;"> 

和CSS：

img { 
    border: 0; 
    max-width: 100%; 
} 

當作爲PC（火狐）運行

以移動方式運行時出現高度錯誤：

Answer 1

如果你想把東西按比例縮放，不要設置寬度和高度......只設置其中一個。根據高度/寬度比率，瀏覽器會自動縮放其他尺寸。

我會在標籤中放置寬度/高度，並在CSS中設置寬度。

width: 78px; 
max-width: 100%; 

您通常不需要max-width: 100%。