淳馨鵝家庄的部落格

響應式設計 vs 適應式設計

兩者看起來很像，其實是不一樣的。兩者相輔相成，沒有對錯之分，都是由內容來決定的。
內容流

隨著屏幕尺寸越來越小，內容所佔的垂直空間也越來越多，即內容會向下延伸，這稱之為內容流。如果你習慣了使用像素和點進行設計，可能會覺得這個有點難掌握。不過習慣就好。
相對單位

你的設計對象可能是PC，也可能是移動端，或介於這兩者之間。像素密度會不同，所以我們需要一種靈活的單位，百分比等相對單位就派上用場了。使用百分比時，我們說寬度50%就是表示寬度佔屏幕大小（或者叫視區，也就是指所打開瀏覽器窗口的大小）的一半。
最大和最小值

有時候，滿屏內容顯示的感覺不錯，例如在移動端，但是同樣的內容放到PC端再滿屏顯示就沒有意義了。這就是為什麼需要最大值跟最小值。例如，如果寬度為100%，最大寬度1000px，那麼內容就會以不超過1000px的寬度填充屏幕。
移動端優先或桌面優先

一個項目，從手機端顯示再過度到PC端顯示（移動優先），還是先在PC端顯示再過度到手機端顯示（桌面優先），兩者差別不大。如果你想要移動端優先的話，會增加一些限制條件，並幫助你進行決策。通常都會兩者都考慮，看哪種更適合你。