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

比率に合わせて拡大縮小する場合は、幅と高さを設定しないでください...そのうちの1つだけを設定してください。ブラウザは、高さ/幅の比率に基づいて、他の寸法を自動的に拡大縮小します。

タグに幅/高さをドロップし、CSSに幅だけを設定します。

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

通常は必要ありませんmax-width: 100%。