シンプルなモバイルページを開発しています。表示されるフォントは非常に小さいですが、33px に設定し、iPhone の画面解像度は 320 X 480 です。
なぜこんなに小さいのか分かる人いますか?または、ズームできるため、画面の解像度が 320 X 480 ではありません。次に、フォントを解像度に自動的に適合させるにはどうすればよいですか?
シンプルなモバイルページを開発しています。表示されるフォントは非常に小さいですが、33px に設定し、iPhone の画面解像度は 320 X 480 です。
なぜこんなに小さいのか分かる人いますか?または、ズームできるため、画面の解像度が 320 X 480 ではありません。次に、フォントを解像度に自動的に適合させるにはどうすればよいですか?
Safari はズームインおよびズームアウトできるため、CSS ピクセルが常に画面ピクセルと一致するとは限りません (特に iPhone 4 のより高密度の画面が出てきた場合は、ウェブサイトのサイズが 1/4 になるのは望ましくありません。ピクセルがディスプレイに詰め込まれています!)。
Apple docs で説明されているように、特別なメタ タグを使用して Safari のズームをオフにすることができます。
<meta name="viewport" content="user-scalable=no, width=device-width" />