前回、ネイティブ JavaScript を使用して画像の均等なスケーリングを実現しました、max-width と max-height は ie6 では互換性がありませんでした。今日は、jQuery を使用してこれらの問題を実装しました コードの jQuery 部分。 コードをコピー コードは次のとおりです: <br>$(document).ready(function(){ <br>var maxWidth=$(".imgBox").width(); <br>$("img").each(function() { <br> if(!$.support.style&&$.browser.msie&&($.browser.version==6.0)){ //ブラウザがie6であると判断した場合<br>var imgWidth=$(this).width (); <br>var imgHeight=$(this).height(); <br>var maxHeight = maxWidth*imgHeight/imgWidth; <br>$(this).css( "幅", maxWidth).css("高さ",maxHeight); <br>} <br>} <br>}) <br>}) <br> >css 部分コード: コードをコピー コードは次のとおりです: <スタイル タイプ="text/css"> ; body{ マージン:0; } .box{ width:700px; margin:0 auto;} .imgBox{ 背景:#CCCCCC;*表示: テーブルセル; 幅: 10px; * 行の高さ: 400px; } ボーダー:0 なし; 最大幅:400px; 垂直整列:中間; } HTML コード: コードをコピーします コードは次のとおりです。