rem布局

说一下rem的布局:

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的值。

这里我比较倾向第三种:

    1: 个人喜欢,虽然有点麻烦;
    2: 比较柔和,机动性强,可以兼容第三方的UI框架,这也是最重要的原因。
       有时候你引入的js动态改变了rem后和你引入UI框架的css冲突了,导致
       样式变的超级小或者超级大;
    3: 还可以根据屏幕尺寸去制定专属的rem,经过调试可以达到在各种机型下
       最优的效果
    

今天还遇到了一个禁用显示滚动条但不禁用效果的方法:

      ::-webkit-scroller{ display:none}
      直接包装元素添加该类即可
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值