移动端viewport下px与rem的冲突

碰到了一个头疼的问题，我们的页面是两倍制作的，为的是更好适应不同的屏幕尺寸。

但是某些情况下，移动端浏览器不让整体缩放页面，这就导致我们的页面显示会爆裂太大。

由于业务迭代关系，我们的部分页面，使用了px作为尺寸单位，包括文字也是。这就导致这种问题的产生。

经过多方查找，最好的解决办法就是将px单位换算成rem

px是固定单位像素

rem是相对单位，相对于最外城的font-size

这里我们要 换到的 css样式很多，手动计算耗时太严重。经过多方搜寻，我们找到了下面的工具，推荐给大家。

https://520ued.com/tools/rem

这个功能太棒了，上面注意设置自己的html font-size 系数即可，超级好用。