说一下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} 直接包装元素添加该类便可