固定サイズの div に画像を配置する方法 画像が div のサイズを超える場合、画像は自動的に div のサイズに合わせて表示されます。 >jquery イメージの適応サイズ実装プロセスのメイン コード: コードは次のとおりです: コードをコピーします コードは次のとおりです。 .divImg{ max-height:200px; max-width:200px; width:expression(this.幅 > 200 && this.height ? 200 : auto); 200 ? 200 : auto); >例: コードは次のとおりです: コードをコピー コードは次のとおりです: アダプティブ画像読み込みの実装 < ;script type="text/javascript" src="../jquery.min.js"> < ;/script> <br>function clickMe() { <br>var url="../Images/1.jpg"; #img").attr("src",url); <br>$("#img").addClass ("divImg"); <br>} <br> <br>ボーダー: 1px 赤; <br>高さ: 200px; >max-height:200px; max-width:200px; <br>width:expression(this.width > 200 && this.width > this.height ? 200 : auto);高さ > 200 : 自動); <br></head> <br><divclass> <br><img id="img" > <br><div> <br><input type="button" id="btn" ="幅: 50px;高さ: 30px;ボーダー: 1px 青;" onclick="clickMe ()"/> <br></body> ></html><br><br> </div>