H5的尺寸一般設(shè)計(jì)為640x1136px
林周網(wǎng)站制作公司哪家好,找創(chuàng)新互聯(lián)!從網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、成都響應(yīng)式網(wǎng)站建設(shè)等網(wǎng)站項(xiàng)目制作,到程序開發(fā),運(yùn)營(yíng)維護(hù)。創(chuàng)新互聯(lián)于2013年開始到現(xiàn)在10年的時(shí)間,我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn),來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)。
既滿足了顯示需求,又能降低用戶加載圖片需要的帶寬。
可以用各種分辨率的移動(dòng)智能手機(jī)查看我們?cè)O(shè)計(jì)的H5頁(yè)面時(shí),當(dāng)然,也會(huì)出現(xiàn)如下的情況,內(nèi)容顯示不全,甚至一些重要內(nèi)容和按鈕都會(huì)被遮擋。
第一:背景圖片必須采用background-size:cover;來實(shí)現(xiàn)。
第二:我們?cè)谶M(jìn)行H5頁(yè)面內(nèi)容規(guī)劃布局設(shè)計(jì)的時(shí)候,不能把重要內(nèi)容放在太偏下的位置或者偏上,否則前端布局時(shí)可能出現(xiàn)內(nèi)容顯示不全的情況。
擴(kuò)展資料:
標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用HTML標(biāo)準(zhǔn)自1999年12月發(fā)布的HTML4.01后,后繼的HTML5和其它標(biāo)準(zhǔn)被束之高閣。
為了推動(dòng)Web標(biāo)準(zhǔn)化運(yùn)動(dòng)的發(fā)展,一些公司聯(lián)合起來,成立了一個(gè)叫做 Web Hypertext Application Technology Working Group (Web超文本應(yīng)用技術(shù)工作組 -WHATWG) 的組織。
WHATWG 致力于 Web 表單和應(yīng)用程序,而W3C(World Wide Web Consortium,萬(wàn)維網(wǎng)聯(lián)盟) 專注于XHTML2.0。在 2006 年,雙方?jīng)Q定進(jìn)行合作,來創(chuàng)建一個(gè)新版本的 HTML。
參考資料:百度百科-HTML5
一般而言H5移動(dòng)設(shè)計(jì)稿為10rem,然后具體是寬約400像素px,高768像素px,平板的設(shè)計(jì)稿尺寸為768*1024的大小
canvas
width="800"
height="480"
style="width:800px;height:480px"/canvas
有兩個(gè)地方可以設(shè)置尺寸,開發(fā)的時(shí)候,使用style外邊的width和height。
實(shí)際顯示的時(shí)候,通過設(shè)置style中的width和height來適應(yīng)各種分辨率。
游戲開發(fā)和網(wǎng)頁(yè)布局思路不一樣,網(wǎng)頁(yè)布局會(huì)根據(jù)分辨率不同,來填充整個(gè)屏幕,游戲開發(fā)一般是在一個(gè)固定尺寸的畫布上開發(fā),然后調(diào)整整個(gè)畫布來適應(yīng)屏幕。
移動(dòng)端,分辨率相差太大,做一個(gè)尺寸,然后等比縮放,可能不能適應(yīng)所有分辨率。
這時(shí)候,就需要設(shè)計(jì)多種分辨率了。
安卓開發(fā)就是多種分辨率,對(duì)應(yīng)多套素材。html5方面,cocos做了多分辨率的適應(yīng),開發(fā)者只需要關(guān)注設(shè)計(jì)尺寸就可以了。egret不了解,可以自己看一下。
這種適應(yīng)解決的問題是:對(duì)于小屏,用尺寸大的素材,浪費(fèi)資源,而且性能會(huì)很差;對(duì)于大屏,用尺寸小的素材,顯示效果會(huì)比較差。
只適用于長(zhǎng)寬比一定,但是分辨率差的很多的情況。
對(duì)于長(zhǎng)寬比不一樣的情況,只能是居中,留白(最好是用背景填充),畢竟,不可能針對(duì)每一種分辨率開發(fā)一套。
文章題目:html5尺寸,h5常規(guī)尺寸
標(biāo)題網(wǎng)址:http://aaarwkj.com/article28/dsiiojp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供外貿(mào)網(wǎng)站建設(shè)、商城網(wǎng)站、網(wǎng)站內(nèi)鏈、品牌網(wǎng)站設(shè)計(jì)、自適應(yīng)網(wǎng)站、網(wǎng)站策劃
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)