横向きと縦向きの両方のビューで、iPad の単純なページのレンダリングに問題があります。
問題のスクリーンショットを添付しました。右上を見ると、ナビゲーション要素が「カットオフ」の右側まで表示されていることがわかりますが、グラフィック要素はランダムに停止します。ですから、ある意味では遮断されていますが、別の意味ではそうではありません。
私はミルビューポート定義のかなりの実行のように見えるものを持っています:
<meta name="viewport" content="width=device-width, initial-scale = 1,user-scalable=no,maximum-scale=1.0">
なぜこれが起こるのでしょうか？ありがとう-
なぜ今まで誰もこれに答えなかったのか、私は唖然としています！問題がまだ解決していないことがわかりますので、まだ解決策を見つけていないと思います。
これは、CSS の初心者が直面する非常に基本的なエラーです。メディア クエリでオーバーフローが表示されるように設定されていますが、body 要素のネストされた div にはこのプロパティがありません。そのため、背景コンポーネントはヘッダーとフッターで制限されています。リンクは幅が固定されているため、引き続き表示されます。ボディ要素にオーバーフロー:ビジブルが必要なく、ボディがページ上のすべてを適切にネストするように、デザインをよりレスポンシブにする必要があります。適切なレスポンシブ デザインは、これらの基本的な失敗に悩まされることはありません。
さらに説明が必要な場合はお知らせください。