CSS を使用して画像の最大幅または高さを制御します。IE6、FIREFOX などと互換性があります。_html/css_WEB-ITnose

記事や通話プロセス中に、写真が広すぎたり高すぎたりすることがよくあります。また、画像のサイズも異なるため、常に幅や高さを定義できるわけではありません。 max-width と max-height の登場は私たちにとって非常に役立ちました。ただし、IE6 では、これら 2 つの CSS プロパティを正常に解析できません。 IE6 に対する深い憎しみを表明しながらも、それを解決しようとすることしかできません。

以下は、この問題を解決するために私が通常使用する方法です。最大幅 400px の場合、CSS コードは次のようになります。

.class img { max-width:400px; width:expression(document.body.clientWidth>400?"400px":"auto"); :hidden; }

説明: .class は、#id 形式の ID も使用できます。 max-width: 400px、最大幅を 400 ピクセルとして定義し、状況に応じて調整します。 IE7、FF、およびその他の非 IE6 ブラウザーでは、最大幅は 400px です。ただし、IE6では動作しません。

width:expression(document.body.clientWidth>400?"400px":"auto"); この文は IE6 で有効です: 画像の幅が 400px より大きい場合、幅は 400px になります。 no 設定します??元の画像の幅です。オーバーフロー: 非表示; 変形を避けるために余分な部分が非表示になります。 これは完璧な解決策です。 最大の高さの場合、コードは次のようになります。例として最大の高さを 400px とします。

.class img { max-height:400px; width:expression(document.body.clientHeight>400?"400px) ":"auto"); overflow:hidden; }

何度も練習した結果、この問題は完全に解決されました。 JS コードを探す必要はありません。シンプルですよね？