說一下rem的布局：

rem對應的是html｛ font-size：“設定值”｝ 這里html的font-size的設定值是rem唯一的參考物，1rem=該設定值。 做響應式布局，彈性布局也好，這里要注意一下，要怎么處理這個rem。 這里要看你具體需求：1:引入淘寶的flexible2:寫js動態去計算html的font-size的值3:通過@media screen and（min-width：最小值）and （max-width：最大值）｛ html ｛ font-size：設定值｝｝，控制屏幕范圍去控制rem的值。

這里我比較傾向第三種：

1: 個人喜歡，雖然有點麻煩；2: 比較柔和，機動性強，可以兼容第三方的UI框架，這也是最重要的原因。有時候你引入的js動態改變了rem后和你引入UI框架的css沖突了，導致樣式變的超級小或者超級大；3: 還可以根據屏幕尺寸去制定專屬的rem，經過調試可以達到在各種機型下最優的效果

今天還遇到了一個禁用顯示滾動條但不禁用效果的方法：

：：-webkit-scroller｛ display：none｝直接包裝元素添加該類即可

總結

以上是生活随笔為你收集整理的rem布局的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。