看似回應式網頁設計與適應式網頁設計之間並沒有什麼很大的區別,實質並不是,當然,這兩種設計方式彼此是相輔相成的,並沒有好壞對錯之分。下面只是來談談他們之間的區別。
1、 內容流
隨著螢幕尺寸越來越小,網頁設計也漸漸開始向移動端發展時,內容所占的垂直空間將會增加。簡單來說,內容會向下方延伸,這就是所謂的內容流。
2、 相對單位
你的設計物件或許是臺式的,也或許是移動端的,再或者是其他的任意螢幕類型,因而圖元的密度也會不同。所以,我們需要靈活變通,能夠適應各種情況的單位。此時,百分比就排上用場了。
3、 中斷點
中斷點可以讓頁面配置在預設的點進行變形。大多數的CSS屬性都可以實現中斷點之間的變形,而中斷點放置的位置通常取決於內容。