まず、私はこれが初めてで、多くの調査を行っていますが、答えが見つかりません。
ページの上部にある div コンテナーを幅 100%、高さ 20% に設定しました。画面サイズ全体で自動的にサイズ変更される画像を挿入したかったのです。
このサイトで、サファリとクロムで完全に機能するコードをいくつか見つけました(iPadとiPhoneでも完全にサイズ変更されます)が、firefox(20)とIE(10)では、画像のサイズはわずかに変更されますが、親コンテナーには残りません。
誰でも助けることができますか?私が使用している元のコードは次のとおりです。
<html>
<style type="text/css">
#myDiv
{
height:auto;
width:auto;
}
#myDiv img
{
max-width:100%;
max-height:100%;
margin:auto;
display:block;
}
</style>
<div id="myDiv">
<img src="images/storm.jpg">
</div>
</html>
どんな助けでも大歓迎です(そして、私が学んでいることを覚えておいてください!)