首先建議你用html5來(lái)開(kāi)發(fā)，然后，在網(wǎng)頁(yè)的 中增加以上這句話可以讓網(wǎng)頁(yè)的寬度自動(dòng)適應(yīng)手機(jī)屏幕的寬度其中width=devicewidth表示寬度是設(shè)備屏幕的寬度initialscale=10表示初始的縮放比例minimumscale=05表示。

瀏覽器部分能夠顯示的最小字體未12px，當(dāng)移動(dòng)端頁(yè)面寬度為320px時(shí)，要保證最小字體為12px，那么在1080px的設(shè)計(jì)圖中，最小字體應(yīng)當(dāng)為42px代碼實(shí)例ltstyle type=quottextcssquot html fontsize 42px。

這就算是感應(yīng)式設(shè)計(jì)了，也就是本文說(shuō)的“屏幕自適應(yīng)”由于設(shè)備分辨率不同，長(zhǎng)寬比不同，如果設(shè)計(jì)一次，就要適應(yīng)所有的屏幕包括PC，這個(gè)幾乎是不可能的主要有以下三種情況1 如果等比例縮放，內(nèi)部位置關(guān)系會(huì)發(fā)生變化。

myCanvassetAttributequotheightquot， screenavailHeightmyCanvassetAttributequotidquot， quotmyCanvasquotmyCanvas兩種方案的共性都是在把元素添加進(jìn)DOM前設(shè)置他的大小 估計(jì)是沒(méi)分了，給后人看吧。

如何設(shè)置頁(yè)面寬度適應(yīng) 當(dāng)設(shè)置小于1000px時(shí)，顯示固定寬度媒體屏幕和最大寬度1000像素 正文 寬度1000px 高度760px 導(dǎo)入U(xiǎn)RLindexCSS調(diào)用原css實(shí)現(xiàn)自適應(yīng)寬度 只需要用html調(diào)用兩個(gè)css文件2。