首先要在網(wǎng)頁頭部寫上上面那句話，就是網(wǎng)頁寬度等于設(shè)備寬度其次，需要把網(wǎng)頁的寬度設(shè)置為百分比，不能寫固定值再就是要用到媒體查詢了@media，這樣網(wǎng)頁就可以適配不同分辨率的設(shè)備了。

或者 “Baseline” 來應(yīng)對一些移動設(shè)備除此之外，還有兩個組合，WebM + VP8 和 Ogg + Theora + Vorbis 來滿足其他的瀏覽器WebM 可以在 Firefox40+Chrome60+和 Opera1060+中播放Ogg 可以在 Firefox35+Chrome30+和 Opera1054+中播放。

在電腦和手機(jī)上全屏顯示HTML5網(wǎng)頁的步驟如下1打開HTML5網(wǎng)頁代碼2在網(wǎng)頁頭部添加新代碼，使網(wǎng)頁寬度適應(yīng)設(shè)備寬度代碼如下3輸入代碼后，將包括圖片DIV在內(nèi)的圖片寬度設(shè)置為100%如何弄可以讓手機(jī)打開網(wǎng)頁的時候可以全屏顯示你要知道電腦屏幕的分辨率，或手機(jī)屏幕的分辨率才可以設(shè)置成全屏顯示如。

由于HTML5和微信內(nèi)置瀏覽器的火爆，移動端H5網(wǎng)頁越發(fā)流行在設(shè)計制作移動端網(wǎng)頁的時候，你是否疑惑，這種網(wǎng)站設(shè)計稿應(yīng)該做成的多少屏寬，是否應(yīng)該跟手機(jī)的分辨率一致，還是應(yīng)該按照iPhone的分辨率來設(shè)計注意H5網(wǎng)頁區(qū)別于APP，APP的設(shè)計稿直接按照手機(jī)分辨率來設(shè)計？那么對于現(xiàn)在2K屏幕的手機(jī)，應(yīng)該如何制作設(shè)計稿和前端稿呢。

移動端，分辨率相差太大，做一個尺寸，然后等比縮放，可能不能適應(yīng)所有分辨率這時候，就需要設(shè)計多種分辨率了安卓開發(fā)就是多種分辨率，對應(yīng)多套素材html5方面，cocos做了多分辨率的適應(yīng)，開發(fā)者只需要關(guān)注設(shè)計尺寸就可以了egret不了解，可以自己看一下這種適應(yīng)解決的問題是對于小屏，用尺寸大的。

HTML5 制作響應(yīng)式網(wǎng)頁，首先需要考慮是全平臺適配還是只是移動端適配這里以移動端響應(yīng)式網(wǎng)站為例，講述如何制作響應(yīng)式網(wǎng)頁1選定基本設(shè)計尺寸，一般以1080為基準(zhǔn)確定響應(yīng)式web設(shè)計的應(yīng)用場景之后，和美工或設(shè)計師溝通，之前，一般需要美工出幾套主流移動設(shè)備屏幕分辨率的設(shè)計圖，現(xiàn)在，使用流式布局。