rem

rem计算方案有错误??

2.x的官方文档是html默认定义的尺寸为20px,那么1rem=20px;开发者在定义尺寸及字号时可以根据此比例来控制,比如,14px = 0.7rem*20px.....
我用谷歌模拟苹果6html是20px。可是我以前没写app之前用hotcss的html是通过js计算得出46.875px..
 
问题来了,假设我设计图的某个div的宽度是300px 如果用aui的计算得出是15rem,而hotcss是6.4rem。(300除以46.875)...这时候会发现用hotcss在所有模拟的情况下基本不怎么变样。而aui这个模拟其他设备会发现变动很大。甚至变形。。。

aui的rem到底怎么算。。不可能都除以20吧??求大神解答
已邀请:

Napocat

赞同来自:

这个我在项目中也碰到了,宽度适配有问题。
 
只要 
 
      html的font-size=(20/设计稿宽度)*设备宽度
 
即可完成各个尺寸的适应,布局比例不会发生变化。

假设设计稿宽度为720px,chrome调试改成720宽度时,此时html的font-size为20px;
此时,某个div宽度为300px,如果1rem=20px,那么此div的宽度应为15rem,这样是正常情况。

 
我十分搞不懂为什么源码里面要做这样的媒体查询
 
@media only screen and (min-width: 400px) {
      html {
            font-size: 21.33333333px !important; 
      }
}
@media only screen and (min-width: 414px) {
      html {
            font-size: 21px !important;  
      }
}
@media only screen and (min-width: 480px) {
      html {
          font-size: 25.6px !important;   
      }
}
也就是说 设备宽度如果小于400px,1rem=20px
400-413之间,1rem=21.33px
414-479之间,1rem=21px
>=480的,1rem=25.6px
感觉如果精细布局的话,还不如自己来写适应

要回复问题请先登录注册