1、用以下代碼開頭lt！DOCTYPE HTMLlthtmlltheadltmeta charset=quotutf8quotltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=1quot 使用百分比定義寬度CSS代碼可以適當使用media only screen and max；移動端HTML5如何開發(fā)跟PC端有什么區(qū)別 PC和mobile上是有區(qū)別的 網(wǎng)頁主要體現(xiàn)在倍率上，還有HTML5兼容問題 iphone4s倍率是2x，即2倍 iphone6倍率是2x iphone 6 plus 倍率是3x 安桌上 hdpi倍率是1；ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=10， userscalable=0， minimumscale=10， maximumscale=10quot ltmeta name=quotapplemobilewebappcapablequot content=quotyesquot ltmeta name=quot；頭部要加的是這個，放在ltheadlthead標簽里，這是初始化手機屏幕的ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=10， maximumscale=10， userscalable=noquot 你寫的這段是要放在所有css；1打開HTML5網(wǎng)頁代碼2在網(wǎng)頁頭部添加新代碼，使網(wǎng)頁寬度適應設備寬度代碼如下3輸入代碼后，將包括圖片DIV在內的圖片寬度設置為100%如何弄可以讓手機打開網(wǎng)頁的時候可以全屏顯示你要知道電腦屏幕的分辨率，或手機；這些瀏覽器會忽略用rem設定的字體大小下面就是一個例子p fontsize14px fontsize875rem 默認html的fontsize是16px，即1rem=16px，如果某p寬度為32px你可以設為2rem。

2、你是想要自適應有幾種辦法，百分比寫CSS要么就是做一個所有分辨率都適應的內容也就是透明層然后做一個1920的背景，背景居中，內容透明層居中完事；HTML5的移動端網(wǎng)頁設計稿，通常情況下，內容區(qū)為750px或960px或者1080px的，一般不小于750px像素大小寬度設計稿可以比750px大，但是絕對不能比750px小，這個主要是由于當前手機的分辨率相對較高iPhone6是375物理像素；其次，你需要把網(wǎng)頁的寬度設置為百分比，不能寫固定值再就是要用到媒體查詢了@media，這樣網(wǎng)頁就可以適配不同分辨率的設備了；\r\n分辨率由顯示器決定只能通過CSS來決定頁面的寬度尺寸\r\n當你用1024*768的顯示器時，你會發(fā)現(xiàn)頁面很大\r\n但你用1920*1080的顯示器時就會發(fā)現(xiàn)頁面變小了\r\n其實頁面的尺寸還是一樣的變小是因為。

3、lthtmllthead ltmeta charset=quotUTF8quot lttitleTitlelttitle ltscript var pixelRatio = 1 windowdevicePixelRatio documentwritequotltmeta name=#39viewport#39 content=#39width=devicewidth，initial；由于HTML5和微信內置瀏覽器的火爆，移動端H5網(wǎng)頁越發(fā)流行在設計制作移動端網(wǎng)頁的時候，你是否疑惑，這種網(wǎng)站設計稿應該做成的多少屏寬，是否應該跟手機的分辨率一致，還是應該按照iPhone的分辨率來設計注意H5網(wǎng)頁區(qū)別于APP，APP的設計稿直接按照；density分辨率的11來展現(xiàn)如果你設置為“20”，那么這個頁面就會放大為2倍maximumscale 最大縮放即允許的最大縮放程度這也是一個浮點值，用以指出頁面大小與屏幕大小相比的最大乘數(shù)例如，如果你將這個值設置為；應該是客戶端的分辨率吧，這不是什么復雜的事情，也比較容易實現(xiàn)。

4、直接float就可以了 ul， ul li boxsizingborderboxmozboxsizingborderboxwebkitboxsizingborderbox ul lidisplayinlinefloatleftwidth50%height100pxpadding0 10px ltul ltlilt。

5、不是HTML5，而是CSS3Css3中加入了Media Queries模塊，該模塊中允許添加媒體查詢media query表達式，用以指定媒體類型，然后根據(jù)媒體類型來選擇應該使用的樣式換句話說，允許我們在不改變內容的情況下在樣式中選擇一種頁面。