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

来源：

liufanfrank

2016-07-02

之前也提到这个问题,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" />

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

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

写回答

2回答

姜维

2016-07-04

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

liufanfrank

提问者

2016-07-02

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

响应式开发一招致胜

用一套代码开发出不受设备型号、尺寸限制的互联网金融网站

4021 学习 · 752 问题

相似问题

回答 3

回答 3

回答 1

回答 2

回答 1