欧美日韩亚洲精品瑜伽裤,波多野たの结衣在线播放,精品欧美一区二区三区成人片在线

由于不斷推出新的手機(jī)，也不斷完善手機(jī)的功能，手機(jī)的尺寸也越來越多，不同手機(jī)尺寸對網(wǎng)站及UI設(shè)計要求是不一樣的，手機(jī)網(wǎng)站設(shè)計規(guī)范是怎樣的呢，小派給大家手機(jī)了不同手機(jī)的設(shè)計尺寸規(guī)范，供大家借鑒參考！

iPhone界面尺寸

設(shè)備	分辨率	PPI	狀態(tài)欄高度	導(dǎo)航欄高度	標(biāo)簽欄高度
iphone 11 Pro Max	1242×2688 px	458PPI	132px	132px	147px
iphone XS Max	1242×2688 px	458PPI	132px	132px	147px
iphone XS	1125×2436 px	458PPI	132px	132px	147px
iphone 11 Pro	828×1792 px	326PPI	88px	88px	98px
iphone XR	828×1792 px	326PPI	88px	88px	98px
iphone 11	828×1792 px	326PPI	88px	88px	98px
iphone X	1125×2436 px	458PPI	132px	132px	147px
iphone 8 plus	1242×2208 px	401PPI	60px	132px	147px
iphone 8	750×1334 px	326PPI	40px	88px	98px
iphone 7 plus	1242×2208 px	401PPI	60px	132px	147px
iphone 7	750×1334 px	326PPI	40px	88px	98px
iPhone6 plus設(shè)計版	1242×2208 px	401PPI	60px	132px	146px
iPhone6 plus放大版	1125×2001 px	401PPI	54px	132px	146px
iPhone6 plus物理版	1080×1920 px	401PPI	54px	132px	146px
iPhone6	750×1334 px	326PPI	40px	88px	98px
iPhone5 - 5C - 5S	640×1136 px	326PPI	40px	88px	98px
iPhone4 - 4S	640×960 px	326PPI	40px	88px	98px
iPhone & iPod Touch第一代、第二代、第三代	320×480 px	163PPI	20px	44px	49px

iPhone圖標(biāo)尺寸：

設(shè)備	App Store	程序應(yīng)用	主屏幕	Spotlight搜索	標(biāo)簽欄	工具欄和導(dǎo)航欄
iPhone7,8 (@2×)	1024×1024 px	180×180 px	114×114 px	87×87 px	75×75 px	66×66 px
iPhone6 Plus (@3×)	1024×1024 px	180×180 px	114×114 px	87×87 px	75×75 px	66×66 px
iPhone6 (@2×)	1024×1024 px	120×120 px	114×114 px	58×58 px	75×75 px	44×44 px
iPhone5 - 5C - 5S (@2×)	1024×1024 px	120×120 px	114×114 px	58×58 px	75×75 px	44×44 px
iPhone4 - 4S (@2×)	1024×1024 px	120×120 px	114×114 px	58×58 px	75×75 px	44×44 px
iPhone & iPod Touch第一代、第二代、第三代	1024×1024 px	120×120 px	57×57 px	29×29 px	38×38 px	30×30 px

iPad的設(shè)計尺寸

設(shè)備	尺寸	分辨率	狀態(tài)欄高度	導(dǎo)航欄高度	標(biāo)簽欄高度
iPad 3 - 4 - 5 - 6 - Air - Air2 - mini2	2048×1536 px	264PPI	40px	88px	98px
iPad 1 - 2	1024×768 px	132PPI	20px	44px	49px
iPad Mini	1024×768 px	163PPI	20px	44px	49px

iPad圖標(biāo)尺寸：

設(shè)備	App Store	程序應(yīng)用	主屏幕	Spotlight搜索	標(biāo)簽欄	工具欄和導(dǎo)航欄
iPad 3 - 4 - 5 - 6 - Air - Air2 - mini2	1024×1024 px	180×180 px	144×144 px	100×100 px	50×50 px	44×44 px
iPad 1 - 2	1024×1024 px	90×90 px	72×72 px	50×50 px	25×25 px	22×22 px
iPad Mini	1024×1024 px	90×90 px	72×72 px	50×50 px	25×25 px	22×22 px

Android SDK模擬機(jī)的尺寸

屏幕大小	低密度（120）	中等密度（160）	高密度（240）	超高密度（320）
小屏幕	QVGA（240×320）		480×640
普通屏幕	WQVGA400（240×400） WQVGA432（240×432）	HVGA（320×480）	WVGA800（480×800） WVGA854（480×854） 600×1024	640×960
大屏幕	WVGA800 （480×800） WVGA854 （480×854）	WVGA800 （480×800） WVGA854 （480×854） 600x1024
超大屏幕	1024×600	1024×768 1280×768WXGA（1280×800）	1536×1152 1920×1152 1920×1200	2048×1536 2560×1600

Android的圖標(biāo)尺寸

屏幕大小	啟動圖標(biāo)	操作欄圖標(biāo)	上下文圖標(biāo)	系統(tǒng)通知圖標(biāo)(白色)	最細(xì)筆畫
320×480 px	48×48 px	32×32 px	16×16 px	24×24 px	不小于2 px
480×800px 480×854px 540×960px	72×72 px	48×48 px	24×24 px	36×36 px	不小于3 px
720×1280 px	48×48 dp	32×32 dp	16×16 dp	24×24 dp	不小于2 dp
1080×1920 px	144×144 px	96×96 px	48×48 px	72×72 px	不小于6 px

Android安卓系統(tǒng)dp/sp/px換算表

名稱	分辨率	比率 rate (針對320px)	比率 rate (針對640px)	比率 rate (針對750px)
idpi	240×320	0.75	0.375	0.32
mdpi	320×480	1	0.5	0.4267
hdpi	480×800	1.5	0.75	0.64
xhdpi	720×1280	2.25	1.125	1.042
xxhdpi	1080×1920	3.375	1.6875	1.5

主流Android手機(jī)分辨率和尺寸

設(shè)備	分辨率	尺寸	設(shè)備	分辨率	尺寸
vivoZ6	6.57英寸	2400*1080 px	vivoiQOO 3	6.44英寸	2400*1080 px
vivoiQOO Neo 855競速版	6.38英寸	2340*1080 px	vivovivo x30	6.4英寸	2400*1080 px
OPPOReno	6.4英寸	2340*1080 px	OPPOFind X2	6.7英寸	3168*1440 px
OPPOOPPO Reno3 元?dú)獍?/p>	6.4英寸	3240*1080 px	Find X2 Pro	6.7英寸	3168*1440 px
三星Galaxy S10+	6.4英寸	3040*1440 px	三星Galaxy Note10	6.3英寸	2280*1080 px
三星Galaxy S10	6.1英寸	3040*1440 px	三星Galaxy A90	6.7英寸	1080*2400 px
魅族Note9	6.2英寸	2244*1080 px	魅族 16T	6.5英寸	2232*1080 px
魅族 X8	6.2英寸	2220*1080 px	魅族 16 X	6.0英寸	2160*1080 px
華為Mate30	6.62英寸	2340×1080 px	華為P40 Pro	6.58英寸	2640×1200 px
華為P30	6.1英寸	FHD+ 2340*1080	華為nova 6	6.57英寸	2400x1080 px
小米10	6.67英寸	2340×1080 px	小米10 Pro	6.67英寸	2340×1080 px
小米Redmi Note8	6.3英寸	2340*1080 FHD+	小米Redmi Note8 Pro	6.53英寸	2340*1080 FHD+
魅族MX2	4.4英寸	800×1280 px	魅族MX3	5.1英寸	1080×1280 px
魅族MX4	5.36英寸	1152×1920 px		5.5英寸	1536×2560 px
三星GALAXY Note 4	5.7英寸	1440×2560 px	三星GALAXY Note 3	5.7英寸	1080×1920 px
三星GALAXY S5	5.1英寸	1080×1920 px	三星GALAXY Note II	5.5英寸	720×1280 px
索尼Xperia Z3	5.2英寸	1080×1920 px	索尼XL39h	6.44英寸	1080×1920 px
HTC Desire 820	5.5英寸	720×1280 px	HTC One M8	4.7英寸	1080×1920 px
OPPO Find 7	5.5英寸	1440×2560 px	OPPO N1	5.9英寸	1080×1920 px
OPPO R3	5英寸	720×1280 px	OPPO N1 Mini	5英寸	720×1280 px
小米M4	5英寸	1080×1920 px	小米紅米Note	5.5英寸	720×1280 px
小米M3	5英寸	1080×1920 px	小米紅米1S	4.7英寸	720×1280 px
	5英寸	1080×1920 px	小米M2S	4.3英寸	720×1280 px
華為榮耀6	5英寸	1080×1920 px	錘子T1	4.95英寸	1080×1920 px
LG G3	5.5英寸	1440×2560 px	OnePlus One	5.5英寸	1080×1920 px

主流瀏覽器的界面參數(shù)與份額

瀏覽器	狀態(tài)欄	菜單欄	滾動條	市場份額(國內(nèi))
Chrome 瀏覽器	22 px（浮動出現(xiàn)）	60 px	15 px	8%
火狐瀏覽器	20 px	132 px	15 px	1%
IE瀏覽器	24 px	120 px	15 px	35%
360 瀏覽器	24 px	140 px	15 px	28%
遨游瀏覽器	24 px	147 px	15 px	1%
搜狗瀏覽器	25 px	163 px	15 px	5%