首先你要在html頁面頭部加上下面的代碼viewportquot，不懂可以百度content=quot，一些小的模塊可以用固定尺寸meta ， name=quot再就是css中要應(yīng)用到媒體查詢，不能不用固定尺寸lt，其次你要把頁面中的寬度修改為百分比。

基于HTML5的工具網(wǎng)站兔展 優(yōu)點頁面DIY程度較高，動效實現(xiàn)起來也簡易方便，可制作比較任性的H5頁面缺點屏幕界面大小不可調(diào)節(jié)，上傳的圖會比例失調(diào)生成后到各尺寸屏上頁面會存在拉伸。

關(guān)于HTML5的這些優(yōu)勢你知道嗎 隨著HTML5技術(shù)的不斷發(fā)展，HTML5逐漸成為網(wǎng)絡(luò)建設(shè)的主流語言隨著移動網(wǎng)絡(luò)的快速發(fā)展，HTML5發(fā)展迅速，企業(yè)越來越重視HTML5開發(fā)人才雖然HTML5興起時間不長，但發(fā)展勢頭極快，所以學(xué)習(xí)HTML5的。

HTML5是html語言的版本5本質(zhì)也就是html語言DW是個開發(fā)環(huán)境，就是寫代碼的Html5是必須會的，dw是可選的，dw就是寫代碼的工具不過功能比較全像記事本notepad++這些都是可以寫的不過推薦用專門的代碼編輯器。

ltimg src=quot圖片的地址quot width=quot71pxquot height=quot99pxquot 1寸照片尺寸為寬71px 高99px，希望能幫助到你，望采納。

HTML5對于初學(xué)者甚至是非程序員來說都有著十足的吸引力實際上，只要你訪問網(wǎng)站，就會和HTML打交道如果能夠熟悉一些關(guān)鍵的編程技巧，當(dāng)你對網(wǎng)站做一些細節(jié)調(diào)整或優(yōu)化基本的Web元素時就能節(jié)省大量的時間甚至是金錢因此。

這篇文章主要介紹了HTML5 移動頁面自適應(yīng)手機屏幕四類方法總結(jié)，非常具有實用價值，需要的朋友可以參考下1使用meta標(biāo)簽viewportH5移動端頁面自適應(yīng)普遍使用的方法，理論上講使用這個標(biāo)簽是可以適應(yīng)所有尺寸的屏幕的，但是各設(shè)備。

解決方案2建議你看一下網(wǎng)上的教程或者案例，自己對比學(xué)習(xí)再寫建議如果是小白的話，要不然不會自適應(yīng)屏幕大小的，只要你編寫的html代碼符合html5規(guī)則就行html5不是轉(zhuǎn)化的，建議你看一下html5標(biāo)簽文檔 解決方案3看你。