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