メタタグ<meta name="viewport" content="width=device-width, target-densityDpi=device-dpi">、cssbodyを画面の幅と高さにフォーマットするJavascript、およびパーセンテージベースの幅を持つ内部の要素を使用するWebサイトがあります。
デスクトップでは、これは正常に機能します。ただし、Android搭載の携帯電話とタブレットのブラウザでは、コンテンツが適切に拡大縮小されていません。すべてが少し小さすぎて、ダブルタップして適切なサイズにズームインします（ページ幅全体は表示されません）。これはポートレートモードとランドスケープモードの両方で発生し、ズームレベルは同じか少なくとも類似しているように見えます。
JavaScriptが本体の幅と高さをフォーマットしたことを知らせるアラートが表示されます。これは常に正しいのですが、ブラウザはウィンドウのサイズが実際には大きいかのようにロードする必要があると感じています。
ブラウザがCSSピクセルと実際のピクセルの間で混乱するというナンセンスがあることは理解していますが、そこにあるメタタグですべてを修正できるはずだと思いました。
では、ブラウザにページを実際の100％の画面サイズにロードさせ、ある種の〜125％のサイズにロードさせないようにするにはどうすればよいですか？