現在、オンラインストアを開発中です。
私のクライアントは、iPad での正しい外観を望んでいます。問題は、横向きで読み込むと、ウェブサイトが中央に配置されず、右側に「白いバー」が表示されることです。
私はこれを数日間行ってきましたが、まだこの問題の解決策を見つけていません. これはCSSの問題だと思いますが、見つけられないようです。
次のメタ タグを使用します。
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
または、実際のデバイス幅を考慮してサイトをレスポンシブにすることを検討してください。
メディア クエリの使用について考えたことはありますか? あなたのウェブサイトは、テストしたものから応答しません。メディア クエリを使用すると、さまざまなサイズの画面で最大値がどのように表示されるかを定義できます。
たとえば、iPhone 4 の場合
@media only screen and (max-device-width: 480px) {
}