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

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

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

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

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

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