說一下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} 直接包裝元素添加該類便可