rem佈局

說一下rem的佈局:css

rem對應的是html{ font-size:「設定值」}
這裏html的font-size的設定值是rem惟一的參考物,1rem=該設定值。
作響應式佈局,彈性佈局也好,這裏要注意一下,要怎麼處理這個rem。
這裏要看你具體需求:
  1:引入淘寶的flexible
  2:寫js動態去計算html的font-size的值
  3:經過@media screen and(min-width:最小值)and 
   (max-width:最大值){ html { font-size:設定值}},
    控制屏幕範圍去控制rem的值。

這裏我比較傾向第三種:html

1: 我的喜歡,雖然有點麻煩;
    2: 比較柔和,機動性強,能夠兼容第三方的UI框架,這也是最重要的緣由。
       有時候你引入的js動態改變了rem後和你引入UI框架的css衝突了,致使
       樣式變的超級小或者超級大;
    3: 還能夠根據屏幕尺寸去制定專屬的rem,通過調試能夠達到在各類機型下
       最優的效果

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

::-webkit-scroller{ display:none}
      直接包裝元素添加該類便可
相關文章
相關標籤/搜索