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

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

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

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

px是固定单位像素

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

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

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

移动端viewport下px与rem的冲突

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

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-12-07
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-01-13
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案