液態布局是一種網頁布局方式，其核心特徵是通過元素寬度的百分比設定，使頁面在不同解析度或瀏覽器寬度下自動調整，始終保持滿屏顯示且不出現橫向滾動條。其優勢在於簡單易實現，能快速適配不同解析度設備，但存在極端螢幕尺寸下文字行過長或元素間距異常的問題。與回響式設計通過媒體查詢改變布局結構的方案不同，液態布局通常僅調整元素寬度比例而保持基礎結構不變。
基本介紹
- 中文名：液態布局
- 釋義 ：在不同解析度/瀏覽器寬度下，依然保持滿屏，不會出現滾動條。就像液體一樣充滿了螢幕
網頁就布局方式來分，可以分為液態布局和固態布局。那什麼是“液態”?什麼是“固態”呢？其實很簡單！
說到“液態”大家可能最多想到的是“水”，說到“固態”大家可能最多想到是“石頭”。想像一下這樣的情景——我們把瀏覽器當成一個容器，然後把“水”倒到這個容器裡面，當我們改變瀏覽器大小的時候，裡面的“水”就會根據瀏覽器的長和寬的改變來改變形態。而當我們把“石頭”放在容器裡面的時候，“石頭”並不會改變自己來適應瀏覽器的，所以瀏覽器就會出現橫向或者豎向的滾動條。
