モバイルビューポートのサイズはブラウザまたは画面の解像度に基づいていますか？

Question

携帯電話のビューポートは、画面解像度またはモバイルブラウザに基づいていますか？

-Operaモバイルブラウザビューポート850px

-iPhone Safariブラウザビューポート980px

-iPad（ランドスケープ&ポートレートモード）ビューポート980px モバイルデバイス：ここに は、いくつかの人気のモバイルブラウザのビューポートのサイズですか？ -アンドロイドブラウザビューポート800px

-IEモバイルブラウザビューポート320px source。 ビューポートのサイズは、解像度によって調整されます

Answer 1

技術的には、モバイルデバイスには2つのビューポートサイズ、レイアウトビューポートとビジュアルビューポートがあります。

レイアウトビューポートは、物理デバイスの画面の幅と高さに基づいてそのまま固定されます。その寸法は、CSS3のメディアクエリの目的で、screen.widthおよびscreen.heightのJavaScriptおよびdevice-widthのプロパティでアクセスできます。

ビジュアルビューポートは、ブラウザウィンドウの幅と高さによって決まります。 CSS3のメディアクエリの目的で、window.innerWidthとwindow.innerHeightのJavaScriptのプロパティとwidthのプロパティでアクセスすることができます。