5

http://eiglaw.comで問題が発生しています。iPhone の画面の右側に約 25 ピクセル幅の空白/境界線が表示されます。私はstackoverflowで問題を調査しましたが、これらの投稿は関連していますが、提供されたさまざまな解決策を試してみましたが、問題を解決できませんでした:

iPhone のレスポンシブ Web サイト - 横向きから縦向きに回転する際の不要な空白

iPhone Safari で右余白をレンダリングする Web サイト本体の背景

ズームのヘッダーの右側の空白

iPad でも同様の問題がありましたが、次のメディア クエリで修正できました。

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
/*and (orientation : landscape)*/ {
html,
body {
width:1000px; 
}
}

html 要素と body 要素を対象としたさまざまなメディア クエリを試してみましたが、うまくいきませんでした。背景画像、マージン、パディング、オーバーフローなどの問題について CSS ファイル全体を調べましたが、本当に困っています。誰か提案はありますか？

どうもありがとう！

4

5 に答える 5

1

これはTigranの御馳走でした。

スタイルシートの上部にグローバル クラスを追加しました。

div {
  box-sizing: border-box;
  }

乾杯！

于 2015-08-28T03:57:01.547 に答える