私は携帯サイトを開発しています。次のメタタグを使用して、Safari の iPhone で正常に動作しています。
<meta name="viewport" content="width=device-width; initial-scale=0.5; maximum-scale=1.0; user-scalable=1;" />
Android では、Web サイトは幅約 480 ピクセルにスケーリングされ、Web ブラウザーの約半分しか占めていません。つまり、左側には幅約 480 ピクセルの Web サイトがあり、右側には何も表示されていません。
メタ タグを次のように変更すると、正常に動作します。
<meta name="viewport" content="width=680; initial-scale=0.5; maximum-scale=1.0; user-scalable=1;" />
したがって、680 ピクセルの幅を「ハード コーディング」することはできますが、この Web サイトは複数のサイズに対応するように設計されているため、これを行いたくありません。target-densitydpi=device-dpi運が悪いメタタグに追加しようとしました。Android でウェブサイトをデバイスの幅に合わせるには、他に何ができますか?