还是font-size设置问题!特别重要!

Question

之前也提到这个问题,font-size在chrome下最小会被认为是font-size:12px,所以rem会等于12px

为了解决这个问题,老师提出了把font-size直接设置为20px,可以解决

但是这种的话也就需要换算,  不是特别方便

所以我就直接设置了font-size为625%,   直接大10倍,   所以1rem就等于100px   0.1rem就等于10px,   这样也方便换算,PC端页面也做出来了,

效果如下

正当我踌躇满志准备写移动端响应式的时候,结果发现是这样的情况了

我觉得应该就是我把字体设置的原因 font-size625%

而且跟那个视窗声明有关

<meta name="viewport" content="width=deveic-width, inital-scale=1" />

所以我在测试了一下,  发现没有这个声明就没有问题

但是做响应式不能没有这个,  请问老师这种的话应该怎么解决呢?

Answer 1

姜维 2016-07-04 13:45:38

:) font-size设置为625%也是个很好的方案，设置成好换算的值就行，谢谢分享

Answer 2

提问者 liufanfrank 2016-07-02 11:14:21

不好意思,  这个我弄错了,  是我自己chrome没设置好,   现在没有问题了