先简单记录一下这个bug
公司项目是移动端的项目,需要根据视口设置字体大小。由于带我的人没有告诉我要在原来项目的基础上开发,我自己新建了一个项目。把静态页面写好了,然后复制过去的,结果复制过去,发现页面展示跟我原来项目里展示不一样。
主要的问题就是:同一个浏览器,同一个视口(iphone6/7/8),同样的css设置,字体大小就是不一样。 如下图所示:
我想要的样式:
出问题后的样式:明显大了很多
然后我去浏览器查了font-size
属性大小:
我想要的大小:
出问题后的大小:
同样的rem
大小,同样的浏览器,同样的视口,计算出来的px
大小却不一样。
解决问题的办法
我发现两个html
文件<head>
标签里设置viewport
不太一样。
我想要的样式设置的viewport
:
出问题的样式设置的viewport
:
把这里的content
改成上面的值就解决了。