モバイル ブラウザーでズーム レベルを最適化するには、ビューポート タグを使用することをお勧めします (次のように)。
<meta name="viewport" content="width=device-width, initial-scale=1">
私は自分のプロジェクトで jQuery Mobile と JSF を使用しているため、XHTML ページを使用しています。
XHTML では、上記のようにビューポート タグを使用することはできません。代わりに、次のように終了タグを要求します。
<meta name="viewport" content="width=device-width, initial-scale=1"/>
ただし、終了タグを使用すると、ズーム レベルが iPhone で期待どおりにならない。