Androidブラウザの設定要素のサイズが小さすぎる

Question

というメタタグを使用するウェブサイトがあります。bodyのCSSの書式を設定するJavaScriptで、画面の幅と高さ、および要素の中にパーセンテージベースの幅があります。

デスクトップでは正常です。 Android搭載の携帯電話やタブレットのブラウザでは、コンテンツのスケーリングが適切ではありません。すべてがちょっと小さすぎます。ズームするためにダブルタップすると、ページの幅全体が表示されません。これはポートレートモードとランドスケープモードの両方で発生し、ズームレベルは同一であるか、少なくとも類似しているように見えます。

javascriptがボディの幅と高さをどのように設定しているかを警告するようになりましたが、それは常に正しいですが、ブラウザは実際にはウィンドウのサイズが大きくなったように読み込む必要があると感じます。

ブラウザがCSSピクセルと実際のピクセルの間で混乱するナンセンスがあると私は理解していますが、そこのメタタグはすべてを修正すると考えられました。

私はどのようにしてページを実際の100％の画面サイズにロードするようにしますか？〜125％のサイズではありませんか？

Answer 1

あなたのビューポートのメタタグに

user-scalable=no 

を追加し、これは（少なくとも私のテスト中）の代わりに、ユーザーの指定した幅で/好みをブラウザに表示するためにブラウザを強制します。