var viewport = document.querySelector("meta[name=viewport]")
var scale = 1/window.devicePixelRatio;
viewport.setAttribute('content', `width=device-width, initial-scale=${scale},maximum-scale=${scale}, minimum-scale=${scale}, user-scalable=no`)
解释
各种移动端1px都会显示他的一个物理像素,1px === 1物理像素
window.devicePixelRatio 物理像素/逻辑像素
hrml 的 font-sie 可以设置视口宽度vw rem根据设备宽度变
或者 设置 px 1px*dpr rem根据像素变