css - パーセンテージ サイズに設定された画像を元のサイズに戻す方法はありますか?

Question

グリッドを使用してレスポンシブ デザイン レイアウトを作成する場合、多くの場合、ブレークポイントの後に画像サイズが 100% に設定されます。このようにすると、画像はグリッドの列よりも大きくなりませんが、ウィンドウのサイズを変更すると小さくなります。小さなデバイスではグリッド列が 50% から 100% になる可能性があるため、別のブレークポイントで画像を元のサイズに戻す必要があります。css を使用して画像を元のサイズに戻す方法はありますか?

Answer 1

もちろん ：）

 width: auto;

また、CSS を使用する場合は、上記の規則がより明確でない限り、これを元の規則の下に置く必要があります。その場合は、よりターゲットを絞ってください。それがオプションでない場合は、恐ろしい!importantルールを使用してください。