首頁技術(shù)文章正文

移動端應(yīng)用設(shè)備的網(wǎng)頁屏幕尺寸【前端文章】

更新時間:2020-11-19 來源:黑馬程序員 瀏覽量:

  目前市面上的移動端應(yīng)用主要針對手機端設(shè)備開發(fā),主要包括Android、iOS等手機設(shè)備。隨著手機市場的不斷發(fā)展,手機的屏幕尺寸非常多,手機分辨率和大小也不盡相同,碎片化嚴重。常見的移動端設(shè)備如圖1所示。

1605782315183_21.png

圖1 常見的移動端設(shè)備

圖1中,Android設(shè)備有多種分辨率,如480 ×800、480 ×854、540 ×960、720 ×1280、1080 ×1920等,以及將來可能會普及的2K和4K分辨率。

近年來,iPhone(iOS系統(tǒng))的屏幕碎片化也加劇了,其設(shè)備的分辨率主要包括640 ×960、640 ×1136、750 ×1334、1242 ×2208等。

下面列舉常見的移動端設(shè)備的屏幕尺寸,具體如表1所示。

表1 常見的移動端設(shè)備的屏幕尺寸

1605782331329_22.png

  表1中,不同的移動設(shè)備有不同的屏幕尺寸、分辨率和設(shè)備像素比,如iPhone XR手機的屏幕尺寸為6.1英寸,分辨率為828 ×1792(單位為px),設(shè)備像素比為2.0(單位為dpr)。




猜你喜歡:

頁面布局的排列規(guī)則是什么?怎樣清除浮動標簽

黑馬前端高級軟件工程師培訓(xùn)課程
分享到:
在線咨詢 我要報名
和我們在線交談!