2016-09-27 11 views
0

このページの[チケットを取得]ボタンの下にあるイメージで問題が発生しますhttp://www.luaumakaiwa.com/Terms/tabid/71/Default.aspx モバイルデバイスのページが表示されると、イメージは中央に表示されずに左揃えになります。私が追加しようとしたイメージはモバイルで中央に表示されません

@media(max-width:717px){ 
    .top-img-cont{ 
     display: block; 
     width: 100%; 
     height: 207px; 
       overflow: hidden; 
    } 
} 

コードがある "マージン:0自動;" class top-img-contにもかかわらず、まだ動作しません。あなたが追加する必要があり

答えて

1

.top-img-cont img { 
    display:block; 
    margin:0 auto; 
    width: 200px; 
    height: auto; 
} 
+0

は、この便利な返事をいただき、ありがとうございます。これは最初の画像を中心にしていますが、2番目と3番目の画像はiPhone 6の横幅・幅:667pxでもう表示されません。 – Parlanchina

+0

あなたのサイトにそのページが更新されています。あなたの画像は今は正しく表示されているようですが、伸びています。 .top-img-cont imgターゲットのCSSで、幅:200ピクセルを残しても、 '高さ'を '自動'に変更できます。これはあなたのイメージを元のリクエストの中心に保ちますが、それらも比例関係に保ちます。私は元の答えでこれを編集しています。あなたが満足すれば、正しいものとしてマークしてください。 – JordanBarber

関連する問題