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

HTML網(wǎng)頁的開發(fā)中，需要對大小不一的屏幕兼容，使圖片在不同的設(shè)備中可以展示預(yù)期的效果自適應(yīng)屏幕的寬度，利用css中background屬性可以實現(xiàn) 工具材料 瀏覽器，文本編輯器 新建一個HTML文件，代碼如下圖 打開HTML文件所在。

現(xiàn)在都是大屏時代，基本上，從設(shè)計網(wǎng)頁的角度來看，在PHOTOSHOP上，寬為960像素最為合適4隨現(xiàn)在瀏覽的工具越來越多，包括手機IPAD等，出現(xiàn)了自適應(yīng)的網(wǎng)頁設(shè)計功能，需要HTML5及DIV+CSS的代碼調(diào)用了。

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