ホームページ >ウェブフロントエンド >jsチュートリアル >jquery は、ie_jquery で画像のスケーリングと最大幅の互換性のないソリューションを実装します

jquery は、ie_jquery で画像のスケーリングと最大幅の互換性のないソリューションを実装します

WBOY
WBOYオリジナル
2016-05-16 17:39:391696ブラウズ

前回、ネイティブ JavaScript を使用して画像の均等なスケーリングを実現しました、max-width と max-height は ie6 では互換性がありませんでした。今日は、jQuery を使用してこれらの問題を実装しました

コードの jQuery 部分。

コードをコピー コードは次のとおりです:

>css 部分コード:



コードをコピー
コードは次のとおりです: <スタイル タイプ="text/css"> ; body{ マージン:0; }
.box{ width:700px; margin:0 auto;}
.imgBox{ 背景:#CCCCCC;*表示: テーブルセル; 幅: 10px; * 行の高さ: 400px; }
ボーダー:0 なし; 最大幅:400px; 垂直整列:中間; }


HTML コード:



コードをコピーします
コードは次のとおりです。
画像の拡大縮小