2017-05-29 13 views
0

私のウェブサイトwww.takchinsaffron.comの "products"部分にある画像の高さに問題があり、高さがiosに設定されていません。他のデバイスにバグはありません。images iosの高さバグ

 .grid figure{ 
      max-width: 100%; 
      margin-top: 20px; 
     } 

enter image description hereenter image description here

+0

ここでは、商品画像の高さを設定するCSSコードはありますか? – SteeBono

+0

.grid figure img { \t位置:相対; \t display:ブロック; \t最小高さ:100%; \t最大幅:100%; } –

+0

画像のサイズはどのくらいですか?固定された高さをimg要素に設定して、何が起こっているかを教えてください。 – SteeBono

答えて

1

変更]分-heigth:100% 'から '分-heigth:auto' で、すべてが正常に動作します。 cssが画像の高さを100%に設定していないことを確認してください。

高さが自動で、幅がある値の場合、画像は縦横比を維持します。

たとえば、幅が50pxの場合、高さは50pxになります。 iOSでは、100%のheigthを持つ画像がデバイスの高さになります(今はなぜですか)。

byee

+0

それはうまく動作します、ありがとう非常に –

+0

それは喜びです – SteeBono

関連する問題