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

html， body width100vh。

ltltspanmeta name=“viewport” content=“width=devicewidth， initialscale=10， minimumscale=05， maximumscale=20， userscalable=yes” 在網(wǎng)頁的中增加以上這句話，可以讓網(wǎng)頁的寬度自動適應(yīng)手機(jī)屏幕的。

方法一按住ctrl鍵然后在滑動鼠標(biāo)，向下滑是縮小，向上滑是放大方法二點擊瀏覽器的“頁面縮放”，在移動到相應(yīng)的比例就好方法三瀏覽器現(xiàn)在設(shè)置里都有一個選項是適應(yīng)屏幕點擊適應(yīng)屏幕即可自動適應(yīng)當(dāng)前頁面大小。

自適應(yīng)網(wǎng)頁設(shè)計Adaptive Web Design指能使網(wǎng)頁自適應(yīng)顯示在不同大小終端設(shè)備上新網(wǎng)頁設(shè)計方式及技術(shù) 2010年，Ethan Marcotte提出了“自適應(yīng)網(wǎng)頁設(shè)計”Responsive Web Design這個名詞，指可以自動識別屏幕寬度并做出相應(yīng)調(diào)整的網(wǎng)頁設(shè)計。

HTML5里面自動適應(yīng)手機(jī)屏幕的高度方法使用meta標(biāo)簽，這也是普遍使用的方法 ltmeta name=quotviewportquot content=quotwidth=devicewidth，initialscale=10， minimumscale=10， maximumscale=10， userscalable=noquot解釋該。

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