html5手機端頁面尺寸(h5頁面大小750 1206)
常見的尺寸有24,28,35,37,42,50,55,60 什么是屏幕分辨率屏幕分辨率指橫縱方向上的像素點數(shù),單位為px,1px=1個像素點一般以縱向像素*橫向像素表示 一個手機的屏幕分辨率如1960*1080。
從設(shè)計方面來看,做手機界面設(shè)計的尺寸一般分為iPhone和Android兩種設(shè)備如果以iPhone為設(shè)計設(shè)備,尺寸一般是使用750x1334,1125 x 2436,1242 x 2208這三種尺寸設(shè)計都可以,750x1334是2倍圖設(shè)計,1125x2346和1242x2208都是3。
手機端網(wǎng)頁就沒有統(tǒng)一標(biāo)準(zhǔn)了,比較流行的做法是按照iPhone 5的尺寸來設(shè)計倍率2,邏輯像素320×568 這樣的做法比較實在,倍率2的屏幕無論在iOS還是Android方面都是主流,而且又是2倍屏幕中邏輯像素最小的所以圖片的尺寸可以保持在較小。
HTML5的移動端網(wǎng)頁設(shè)計稿,通常情況下,內(nèi)容區(qū)為750px或960px或者1080px的,一般不小于750px像素大小寬度設(shè)計稿可以比750px大,但是絕對不能比750px小,這個主要是由于當(dāng)前手機的分辨率相對較高iPhone 6是375物理像素。
PC端網(wǎng)站常用的寬度尺寸是1024像素px,不需要前端人員在這個頁面的基礎(chǔ)上耗費功夫但是對于手機網(wǎng)站就要特別注意了,如果我們用640px作為標(biāo)準(zhǔn),那么當(dāng)用戶用320px的手機訪問的時候,守舊就只能顯示網(wǎng)站的一半大小如果出現(xiàn)。
1如果是比較復(fù)雜的頁面,我們只需要第一屏撐滿全屏,可以使用此方法單獨定義html和body的樣式html,bodywidth100%height100%2然后給DIV添加嵌套樣式bgwidth 100%height 100%background #。
解決方案2建議你看一下網(wǎng)上的教程或者案例,自己對比學(xué)習(xí)再寫建議如果是小白的話,要不然不會自適應(yīng)屏幕大小的,只要你編寫的html代碼符合html5規(guī)則就行html5不是轉(zhuǎn)化的,建議你看一下html5標(biāo)簽文檔 解決方案3看你。
掃描二維碼推送至手機訪問。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請注明出處。