2016-12-07 6 views
0

現在、私はiOSデバイスでウェブサイトをテストする際に問題に遭遇しています。それはDIV要素がそれを運んでいないようですオーバーフロー:隠しプロパティよく。または全く、本当に。オーバーフロー:divに隠れて正しく動作しない - iOS

これは、サイトのレイアウトは、(オーバーフロー設定が働いて)どうあるべきかです:

overflow:hidden working as it should

これは、レイアウトはiOSデバイス上でどのようなものであるかである:

overflow:hidden not working is it should

本文を編集するなど、多くのことを試してみましたhtml CSSのオーバーフローやポップ本文タグの周りにラッパーを追加して、私がグーグルで見つけた多くの「主流」の解決策を追加しました。どちらもうまくいきませんでした。

適切にiOSの上で動作していない項目のCSSはこれです:私が知っている(あるいは少なくとも考える)

width: 94.4%; 
height: 400px; 
overflow: hidden; 
position: relative; 
margin: 0px; 
display: inline-block; 
box-sizing: border-box; 

How'dそれはオーバーフローですか?ブラウザで要素を調べるとすぐに問題が発生します。

問題について私にいくつかの洞察を与えることができる人はいますか? さらに詳しい情報が必要な場合は、私が提供してくれることを嬉しく思います。

+2

CSSに 'vertical-align:top'を追加してみてください。これで解決できるかもしれません。 – Demnogonis

+0

あなたのHTMLとCSSがすべて必要です。それがなくても何が起こるのかわかりません。 –

+0

@JamesKingこのプロジェクトのHTMLとCSSの量は膨大です。コメントには収まらないでしょう:) – Zubaja

答えて

1

Demnogonisが私の元記事へのコメントで示唆したように、私は

vertical-align: top 

を追加しましたそして今、レイアウトがiOSデバイスに固定されています。

関連する問題