本日何度もお世話になっております。
下記WEBサイトについて質問です。
http://www.kimijimaya.co.jp/index.html
小さいブラウザで見ると、スライド画像がbody幅を飛び越えて左サイドに寄って表示されてしまいます。
社内の複数のPCで確認しましたが、小さいブラウザでだけ画像が中央に表示されません。
何度もリロードをしているのですが、解決せず、本日中に修正しなければならないため、質問させて頂いております。
ご助言頂けると大変助かります。
何卒よろしくお願い申し上げます。
【記述コード】
<div id="slide" class='flexslider'> <ul class="slides"> <li class="trim" ><img src="img/topimg1.JPG"></li> <li class="trim"><img src="img/topimg2.JPG"></li> <li class="trim"><img src="img/topimg3.JPG"></li> <li class="trim"><img src="img/topimg4.JPG"></li> <li class="trim"><img src="img/topimg5.JPG"></li> <li class="trim"><img src="img/topimg6.JPG"></li> </ul> </div> <!--#slide .slides-->#slide img{
max-width: 100%;
margin-bottom: 15%;
}
@media all and (min-width: 1020px) {
#slide{
width: 1020px;
}
#slide img{
max-width: initial;
margin-bottom: 5%;
}
}
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/09/30 09:37