frontEnd_book
frontEnd_book copied to clipboard
Published
20 hours ago •
hanyueqiang
hanyueqiang
如何解决移动端 Retina 屏 1px 像素问题
viewport + rem 实现 在根元素html设置font-size. 将元素转换成rem，通过 window.devicePixelRatio 拿到dpr 再写meta 设置 viewport的scale : 1/dpr
参考：使用Flexible实现手淘H5页面的终端适配 Flexible实现思路：
- 动态改写
<meta>标签 - 给
<html>元素添加data-dpr属性，并且动态改写data-dpr的值 - 给
<html>元素添加font-size属性，并且动态改写font-size的值
