<CSS>總結(jié):常用分辨率

常見手機(jī)屏幕分辨率

128x128、128x160、240x320(常見2.0、2.2、2.4、2.8寸屏手機(jī)使用)
320x240(常見2.4寸屏手機(jī)使用)
240x400(常見3.0寸屏手機(jī)使用)
320x480(主流屏常見3.2、3.5寸屏手機(jī))
360x640(諾基亞常見)
480x800(常見4.0寸屏使用)
480x854(常見3.7寸屏使用)
960x540(QHD常見4.0、4.3、4.5寸使用)
960x640(常見蘋果機(jī)使用)
1136x640(常見蘋果5使用)
1280x720(HD主流屏常見4.3、4.5、4.7、5.0、5.5、5.7、6.0寸屏使用)
1280x768(常見4.5寸屏使用)
1280x800(常見三星5.3寸及平板電腦使用)
1024x600(常見7.0寸屏平板電腦使用)
1024x768(常見LG5.0寸屏及7.9寸9.7寸平板電腦使用)
1920x1080(FHD主流屏常見4.7、5.0、5.0、5.7、6.0寸手機(jī)及電視使用)
1920x1280 (常見9.0寸平板電腦使用)
1920x1200(常見10.1寸平板電腦及酷派大神7.0使用)
2048x1539(常見蘋果iPad 及國產(chǎn)一些平板使用)
2560×1440(2k屏)
4096×2160(4K屏常見電視使用)

常見電腦屏幕分辨率

1024x600(常見8.9寸電腦使用)
1024x768(常見10.4、12.1、14.1、15寸電腦使用)4:3
1280x1024(常見14.1、15寸電腦使用)5:4
1440x1050(常見14.1、15寸電腦使用)4:3
1600x1200(常見15、16.1寸電腦使用)4:3
1280x800(常見10.8、12.1、15.4寸電腦使用)16:10
1366x768(常見15.2寸電腦使用)15:10
1280x854(不常見)16:9
1440x900(僅蘋果17寸電腦使用)16:10
1600x1024(不常見)14:9
1680x1050(常見15.4、20寸電腦使用)16:10
1920x1200(常見20寸電腦使用)16:10

常用手機(jī)瀏覽器尺寸

手機(jī)型號 手機(jī)尺寸 屏幕大小(pt) 屏幕分辨率(px)
iPhone4 3.5英寸 320x480 640x960
iPhone4s 3.5英寸 320x480 640x960
iPhone5 4.0英寸 320x568 640x1136
iPhone5s 4.0英寸 320x480 640x1136
iphone6 4.7英寸 375x667 750x1334
iphone6s 4.7英寸 375x667 750x1334
iphone6 plus 5.5英寸 417x736 750x1334
iphone6s plus 5.5英寸 417x736 750x1334
vivo x5 5.0英寸 360x640 720x1280
android 320x420 240x320
android 320x480 320x480
android 360x500 480x800
android 320x480 640x960
android 360x640 540x960
android 360x640 720x1280
android 360x640 1080x1920

移動端web頁面開發(fā)說明:

iPhone手機(jī)網(wǎng)頁的設(shè)計尺寸

iPhone5尺寸是640x1136px分辨率是326PPI
iPhone4和iPhone4S尺寸是640x960px分辨率是326PPI
iPhone和iPodTouch第一代、第二代、第三代尺寸是320x480px分辨率是163PPI

安卓網(wǎng)頁的設(shè)計尺寸

320dp:一個普通的手機(jī)屏幕(240X320,320×480,480X800)
480dp:一個中間平板電腦像(480×800)
600dp:7寸平板電腦(600×1024)
720dp:10寸平板電腦(720×1280,800×1280)

ipad網(wǎng)頁的設(shè)計尺寸

iPad第三代第四代尺寸是2048x1536px分辨率是264PPI
iPad第一代第二代尺寸是1024x768px分辨率是132PPI
iPad Mini尺寸是1024x768px分辨率是163PPI

網(wǎng)站設(shè)計尺寸標(biāo)準(zhǔn)

1、800x600下,網(wǎng)頁寬度保持在778以內(nèi),就不會出現(xiàn)水平滾動條,高度則視版面和內(nèi)容決定。

2、1024x768下,網(wǎng)頁寬度保持在1002以內(nèi),如果滿框顯示的話,高度是612-615之間.就不會出現(xiàn)水平滾動條和垂直滾動條。(在dw里面有設(shè)定好的標(biāo)準(zhǔn)值, 1024x768頁面的標(biāo)準(zhǔn)大小是955x600,照著它的尺寸做就行了)

3、在ps里面做網(wǎng)頁可以在800x600狀態(tài)下顯示全屏,頁面的下方又不會出現(xiàn)滑動條,尺寸為740x560左右

4、在PS里做的圖到了網(wǎng)上就不一樣了,顏色等等方面,因為WEB上面只用到256WEB安全色,而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顏色范圍很廣,所以自然會有失色的現(xiàn)象.

頁面標(biāo)準(zhǔn)按800x600分辨率制作,實際尺寸為778x434px

頁面長度原則上不超過3屏,寬度不超過1屏

每個標(biāo)準(zhǔn)頁面為A4幅面大小,即8.5X11英寸

全尺寸banner為468x60px,半尺寸banner為234x60px,小banner為88x31px

另外120x90,120x60也是小圖標(biāo)的標(biāo)準(zhǔn)尺寸

每個非首頁靜態(tài)頁面含圖片字節(jié)不超過60K,全尺寸banner不超過14K

網(wǎng)頁廣告標(biāo)準(zhǔn)尺寸規(guī)格

1、120x120,這種廣告規(guī)格適用于產(chǎn)品或新聞?wù)掌故尽?/p>

2、120x60,這種廣告規(guī)格主要用于做LOGO使用。

3、120x90,主要應(yīng)用于產(chǎn)品演示或大型LOGO。

4、125x125,這種規(guī)格適于表現(xiàn)照片效果的圖像廣告。

5、234x60,這種規(guī)格適用于框架或左右形式主頁的廣告鏈接。

6、392x72,主要用于有較多圖片展示的廣告條,用于頁眉或頁腳。

7、468x60,應(yīng)用最為廣泛的廣告條尺寸,用于頁眉或頁腳。

8、88x31,主要用于網(wǎng)頁鏈接,或網(wǎng)站小型LOGO。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容