ブラウザ幅100%で背景や画像を設置する方法で貴殿がよく使用するおすすめの方法を教えてください。GOOGLE先生で検索してますが、なかなかしっくりくるものがなくて質問させて頂きました。
background-sizeが使えるならbackground-sizeでcontaine,cover,100%のどれか指定。使えない場合はJSで対応。IE8対応もいるならms-filterで。
深く考えず、これで十分のような気がする。
<body><img id=hoge width=1200 height=800></body>
body{ width: 100%;}#hoge{ position: absolute; top: 0; left: 0; width: 100%; height: auto;}
みんなの回答 2 件
background-sizeが使えるならbackground-sizeでcontaine,cover,100%のどれか指定。
使えない場合はJSで対応。
IE8対応もいるならms-filterで。
深く考えず、これで十分のような気がする。
<body>
<img id=hoge width=1200 height=800>
</body>
body{
width: 100%;
}
#hoge{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
}
関連するトピックス