iPad でコンテンツが途切れる問題があります。
幅は iPad の解像度を超えていますが、カットオフではなく水平スクロールを追加しない理由がわかりません。
これに最適に適応する方法についての洞察をいただければ幸いです。
サイトはこちら で、スクリーンショットが添付されています。
これはおそらく問題のコードの一部です。
#wrapper {
position:relative;
width: 1180px;
margin: 0 auto;
}
iPad でコンテンツが途切れる問題があります。
幅は iPad の解像度を超えていますが、カットオフではなく水平スクロールを追加しない理由がわかりません。
これに最適に適応する方法についての洞察をいただければ幸いです。
サイトはこちら で、スクリーンショットが添付されています。
これはおそらく問題のコードの一部です。
#wrapper {
position:relative;
width: 1180px;
margin: 0 auto;
}
ラッパー div から削除するoverflow:hidden
と、必要な外観が得られます。新しい iPad で Adob e Shadowの Remote Inspection ( demo )を使用して、これを確認しました。これを行った後、スクロールを防ぐために meta タグを使用してビューポートのクリッピングを元に戻す必要があります。
<meta content="width=768px, minimum-scale=1.0, maximum-scale=1.0" name="viewport">
興味深いことに、コード内の何かが<body>
要素の幅を制限しています。それを追跡することで、より良い解決策が得られる可能性があります。
編集しているのがあなたのウェブページであり、iPad のせいではないと仮定すると... CSS で、幅を auto または 100% に設定して修正することをお勧めします。
Ipad の画面は 1024px で、設定している値よりも小さくありませんか? 他のコードによっては、画面が許容するよりも広くすることを強制できますか?
また、上記の提案を行ってください。彼に指摘されるまで気がつきませんでした。