h5頁面標(biāo)準(zhǔn)尺寸是多少?H5一般的設(shè)計(jì)尺寸采用750x1334px即可,不過實(shí)際尺寸采用720×1280/740*1136px尺寸也可以實(shí)現(xiàn),這樣用于填充不同手機(jī)屏幕邊緣區(qū)域,確保不會(huì)露白。
內(nèi)框區(qū)域640*960px,這個(gè)區(qū)域里的內(nèi)容可以確保在所有手機(jī)屏幕上完整顯示。進(jìn)行H5設(shè)計(jì)時(shí)不要將重要按鈕/內(nèi)容放在太靠下的位置,避免出現(xiàn)顯示不全的情況。
通常H5頁面除了幾個(gè)瀏覽器全屏顯示沒有頭部外,其他所有情況都有狀態(tài)欄以及導(dǎo)航欄。所以,iPhone 的設(shè)計(jì)標(biāo)準(zhǔn),狀態(tài)欄:40px;導(dǎo)航欄:88px;
由于Android系統(tǒng)可以更改系統(tǒng)的狀態(tài)欄和導(dǎo)航欄高度,可以默認(rèn)為50px和98px。
所以設(shè)計(jì)的頁面整體就會(huì)往下擠,進(jìn)入盲區(qū),根據(jù)不同的布局方式可能會(huì)將重要內(nèi)容擠出進(jìn)入盲區(qū),取這兩個(gè)系統(tǒng)最大值為148px,所以設(shè)計(jì)圖要盡量保證距離底部高度保留148px的非重要區(qū)域。
途傲科技為中小企業(yè)提供網(wǎng)站制作、網(wǎng)站建設(shè)、微信H5、微信小程序,多商戶平臺(tái),多級(jí)分銷系統(tǒng),APP開發(fā),手機(jī)網(wǎng)站,HTML5多端自適應(yīng)網(wǎng)站,營(yíng)銷型企業(yè)站建設(shè),及對(duì)技術(shù)人才的培養(yǎng)等都積累與沉淀了豐富的心得和實(shí)戰(zhàn)經(jīng)驗(yàn)。
如果您有想法,可以將需求提交給我們【免費(fèi)提交需求,獲取解決方案】
免責(zé)聲明:文章部分內(nèi)容收集于互聯(lián)網(wǎng),不代表本站的觀點(diǎn)和立場(chǎng),如有侵權(quán)請(qǐng)聯(lián)系刪除。