自適應(yīng)布局

?

布局特點：

• 不同設(shè)備對應(yīng)不同的HTML
• 局部自適應(yīng)

總結(jié)：

• 不同的設(shè)備用不同的頁面或者局部縮放

---

響應(yīng)式布局

?

布局特點：

• 確保一個頁面在所有的終端上，都能顯示出令人滿意的效果

總結(jié)：

• 一套方案，處處運行

設(shè)計思路：

• 使用%或者rem作為單位

---

rem彈性布局

布局特點：

• 確為了保證在各種屏幕上的不失真，就要根據(jù)實際屏幕寬度做等比例換算

總結(jié)：

• 一套方案，使用不同的尺寸，分辨率的視口、都能呈現(xiàn)出較好的效果

設(shè)計思路：

• 使用%或者rem作為單位

---

flex的特殊寫法

使用舉例：

?

如果要調(diào)整上下間距，需設(shè)置一下主軸的對齊方式

?

???????

?

總結(jié)

以上是生活随笔為你收集整理的前端的布局方式的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。