CSS @media タグを使用して、モバイル デバイスに合わせて Web アプリケーションのスタイルを設定しようとしています。
開発をテストできる 2 つのモバイル デバイスにアクセスできます。Nexus S と古い iPod Touch で、どちらも低解像度の画面を備えています。
私のメタヘッダーを宣言するとき、私はtarget-densitydpi=device-dpiを選択して、物事があまり虐待されることなくクリスプに見えるようにしました。
新しいデバイス、つまり超高 DPI を備えた高解像度デバイスでは、物事が非常に小さく見えるのではないかと心配しています。
ここでさまざまなクエリを検索して読んでいますが、ここで何をする必要があるのか よくわかりません。
画像を 2 倍、3 倍、4 倍などにスケーリングできますが、問題はありませんが、ヘッダー ブロックなどのブロック レベルの要素の一部には、高さがピクセル単位で指定されており、Nexus S の 800 ～ 480 ピクセルの画面ではところで、たとえば 1280-720 ディスプレイの Galaxy S や iPhone 4 および 5 ではどのように表示されるのでしょうか?
タグを宣言するにはどうすればよいですか? また、この問題を解決するにはどうすればよいですか?