css rem换算问题;

clipboard.png

clipboard.png

设计稿是750,body动态设置,rem换算参数是100

例如:一个标签的字体大小设计稿为 18px;

这时我应该怎么算?直接/100=0.18rem;在google中和设计感字体明显不一样,google中的字体要比设计稿大,
google最小为12px;我设置的是18px;
字体应该怎么设置?
如果我直接设置为px,是不是要先除2,因为iPhone6 的dip为2 也是6px?

想明白了(不确定对不对):
font-size=.18rem;也就是9px(因为ihone6的dip是2所以要除以2,也就是18px/2=9px);但是google最小字体是12px;不显示9px,所以和设计稿就有差别了

验证方法:
设计稿宽度为200;换算为rem就是2rem;在google模拟器中(iphone6)查看元素的宽度为100px(200/2)

阅读 2.8k
1 个回答

你就body字号设成18,标签内字体是1rem

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题