Adaptive website（自適應網站） 應對在瀏覽器的寬度變化不調整網頁元素的位置，縮放網頁元素，以適應在可用空間。 Responsive website （響應式網站） 應對在瀏覽器的寬度變化通過調整網頁元素的位置，以適應在可用空間。 PS ...

//9宮格布局 var prints=window.innerHeight-($('.header').height()+40);//屏幕去掉(頭部高度+頭部padding） $('.we ...

響應式布局等於流動網格布局，而自適應布局等於使用固定分割點來進行布局。 自適應布局給了你更多設計的空間，因為你只用考慮幾種不同的狀態。而在響應式布局中你卻得考慮上百種不同的狀態。雖然絕大部分狀態差異較小，但仍然也算做差異。它使得把握設計最終效果變得更難，同樣讓響應式布局更加的難以測試和預測 ...

響應式布局等於流動網格布局，而自適應布局等於使用固定分割點來進行布局。 自適應布局給了你更多設計的空間，因為你只用考慮幾種不同的狀態。而在響應式布局中你卻得考慮上百種不同的狀態。雖然絕大部分狀態差異較小，但仍然也算做差異。它使得把握設計最終效果變得更難，同樣讓響應式布局更加的難以測試和預測 ...

當我們在做網頁時，應當充分考慮到網頁自適應的問題 否則可能會出現同一個網頁在不同的屏幕尺寸上排版布局混亂的情況 方案一：用比例控制大小 在網頁代碼的頭部，加入一行viewport元標簽 以下是相關的屬性的解釋： width：控制 ...

自適應： 在不同分辨率下不同設備上顯示相同的頁面。即：根據屏幕的寬度，自動調節網頁內容的大小，使其主體內容和布局不變。 響應式： 響應式的概念應該是覆蓋了自適應，但是包括的東西更多了。響應式布局可以根據屏幕的大小自動的調整頁面的展現方式，以及布局。 (1)允許網頁的寬度自動 ...

原文 學了前端一段時間了，發現大家都攪渾了自適應布局和響應式布局的差別。現在我來和大家說下它們的不同： 自適應的體驗 http://m.ctrip.com/html5/響應式的體驗 http://segmentfault.com/ 整理了自己查閱的知識點 ...

rem ·rem單位：CSS3 新增的一個相對單位；相對於根元素html的font-size的值進行動態計算得到的，如font-size：14px，1rem = 14px。 例：根據當前屏幕寬度和 ...