レスポンシブサイトで、ボックスのサイズ指定が適応されません。
widhtを%指定で行うと幅は適応されるのですが、heightを%指定にすると100%で指定しているのにデザイン画面でpxを確認すると30pxという謎の高さに設定(100%(30px))されてしまいます。
この為、背景画像が適切に反映されなくて困っています。
WEB上で確認すると、全く何も背景画像が表示されていない状態になるので、とりあえず700pxで定指しています。
PC画面だとこれでもいいのですが、レスポンシブ対応でスマホ画面では高さに余白ができてしまいます。
初心者でレスポンシブを十分に理解していない部分がありますが、ご回答いただければ幸いです。
コードは以下です。
<HTML>
<div class="wrap1"> <div class="txt-w2"> テキスト </div> </div><CSS>
.wrap1{
width:100% !important;
height:700px !important;
margin:0% auto;
padding:0%;
overflow:hidden;
max-width:1000px;
background-image: url("../images/画像.jpg"); background-repeat: no-repeat; background-position:center center; background-size:contain;
}
よろしくお願いいたします。
回答3件
あなたの回答
tips
プレビュー