css - 以移动设备运行时如何修复错误css宽度x高度

Question

我有一张图片：

<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 (firefox) 运行时

以移动设备运行时出现高度错误：

Answer 1

如果您希望按比例缩放，请不要设置宽度和高度......只设置其中一个。浏览器将根据高度/宽度比自动为您缩放其他尺寸。

我会在标签中删除你的宽度/高度，并在你的 CSS 中设置宽度。

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

你一般不需要max-width: 100%.