“自適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)”的核心，就是CSS3引入的 Media Query模塊它的意思就是，自動(dòng)探測(cè)屏幕寬度，然后加載相應(yīng)的CSS文件上面的代碼意思是，如果屏幕寬度小于400像素maxdevicewidth 400px，就加載tinyScreencss文件。

在網(wǎng)頁(yè)中除了可顯示常見(jiàn)的美國(guó)信息交換標(biāo)準(zhǔn)代碼外語(yǔ)縮寫(xiě)ASCII字符和漢字外，HTML還有許多特殊字符，它們一起構(gòu)成了HTML字符集有2種情況需要使用特殊字符，一是網(wǎng)頁(yè)中有其特殊意義的字符，二是鍵盤上沒(méi)有的字符HTML。

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

一使用textarea標(biāo)簽進(jìn)行多行文本的輸入有很多限制，比如不能實(shí)現(xiàn)高度自適應(yīng)，會(huì)出現(xiàn)難看的滾動(dòng)條等問(wèn)題HTML5中添加了一個(gè)新屬性contenteditable，該屬性可以讓input，textarea以外的不可編輯的標(biāo)簽具備可編輯功能用法如下。

quot自適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)quot的核心，就是CSS3引入的MediaQuery模塊它的意思就是，自動(dòng)探測(cè)屏幕寬度，然后加載相應(yīng)的CSS文件ltlink rel=quotstylesheetquot type=quottextcssquotmedia=quotscreen and maxdevicewidth400pxquothref=quottinyScreen。

2將建好的靜態(tài)頁(yè)命名為csshtml，標(biāo)題為了“css如何設(shè)置圖片大小自適應(yīng)”3在body中添加兩個(gè)p，設(shè)置不能的寬度，并設(shè)class為p1和p2，目的是用一樣的css控制圖片的寬度在不同的寬度容器中都能很好的顯示 4在兩個(gè)p的c。

lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quot lthtml xmlns=quot ltheadltmeta。

這篇文章主要介紹了HTML5 移動(dòng)頁(yè)面自適應(yīng)手機(jī)屏幕四類方法總結(jié)，非常具有實(shí)用價(jià)值，需要的朋友可以參考下1使用meta標(biāo)簽viewportH5移動(dòng)端頁(yè)面自適應(yīng)普遍使用的方法，理論上講使用這個(gè)標(biāo)簽是可以適應(yīng)所有尺寸的屏幕的，但是各設(shè)備。