什(shén)麽是(shì)自(zì)适應布局？

自(zì)适應布局簡而言之，就(jiù)是(shì)一(yī)個(gè)網站(zhàn∑π)或者一(yī)個(gè)頁面能(néng)适應兼容多(duō)₹£∞¥個(gè)終端設備，而不(bù)需要(yà≠±★&o)再為(wèi)每個(gè)終端做(zuò)一(yī)個(gè)特定的(de)版本。其實簡單來(>÷lái)講自(zì)适應與非自(zì)适應的(de)不(bΩ↔"φù)同就(jiù)是(shì)一(yī)個(gè)頁面不(bù)管在什(shén)麽♠ε設備的(de)分(fēn)辨率下(xià)都(¥™γ"dōu)能(néng)自(zì)動識别适應，"αδ為(wèi)浏覽的(de)用(yòng)戶帶來(lái)了(le)更‌₽好(hǎo)的(de)體(tǐ)驗效果。

怎麽樣才能(néng)快(kuài)速制(zhì)作(zuò®®‍)一(yī)個(gè)自(zì)适應網頁？

1、首先，在網頁代碼的(de)頭部，加入一(yī)行(xíng)viewport元"♠标簽。 

2、由于網頁會(huì)根據屏幕寬度調整布局，所以不(bù)能(néng)使用(yòng)寬度∏  ±的(de)布局，也(yě)不(bù)能(néng)使用(yòng)具有(yǒu)寬度的​≠(de)元素。 

3、“流動布局”的(de)含義是(shì)，各個(gè)區(qū)塊的(de)位☆→ €置都(dōu)是(shì)浮動的(de)，不(bù)是(shì)固定不(bù)變的λ∑ α(de)。Float的(de)好(hǎo)處是(shì)，如(rú)<σ果寬度太小(xiǎo)，放(fàng)不(bù)下(xià)兩個(g"™'è)元素，後面的(de)元素會(huì)自(zì)動滾動到(dào)前面元素的(de)•↑≠下(xià)方，不(bù)會(huì)在水(shuǐ)平方向over"​"flow(溢出)，避免了(le)水(shuǐ)平♥γ​•滾動條的(de)出現(xiàn)。 

4、“自(zì)适應網頁設計(jì)”的(de)核心，就(≤ ¶jiù)是(shì)CSS3引入的(de)Media Query模塊。它的(de)意思就(j>'☆iù)是(shì)，自(zì)動探測屏幕寬度，然後加$↓ 載相(xiàng)應的(de)CSS文(wén)件(jiàn★ )。同一(yī)個(gè)CSS文(wén)件(jiàn)中，也(yě)可(kě)以δΩ ε根據不(bù)同的(de)屏幕分(fēn)辨率，選擇應用(yòng)不'φ≥(bù)同的(de)CSS規則。