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

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

更新時(shí)間:2020-11-19 來(lái)源:黑馬程序員 瀏覽量:

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

1605782315183_21.png

圖1 常見(jiàn)的移動(dòng)端設(shè)備

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

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

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

表1 常見(jiàn)的移動(dòng)端設(shè)備的屏幕尺寸

1605782331329_22.png

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




猜你喜歡:

頁(yè)面布局的排列規(guī)則是什么?怎樣清除浮動(dòng)標(biāo)簽

黑馬前端高級(jí)軟件工程師培訓(xùn)課程
分享到:
在線咨詢 我要報(bào)名
和我們?cè)诰€交談!