1920分辨率设计稿适配不同分辨率

function setRemFontSize() {
const remSize = window.innerWidth / 19.2;
document.querySelector('html').style.fontSize = remSize + 'px';
}
100px = 1rem

setRemFontSize();
window.addEventListener('resize', function () {
setTimeout(function () {
setRemFontSize();
}, 200);
});

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 移动的端常见问题 ios滑动不流畅 上下滑动页面会产生卡顿,手指离开页面,页面立即停止运动。整体表现就是滑动不流畅...
    kalrase阅读 320评论 2 1
  • 导读 移动端适配,是我们在开发中经常会遇到的,这里面可能会遇到非常多的问题: 1px问题 UI图完美适配方案 iP...
    精神蛙阅读 1,131评论 0 2
  • 移动端适配,是我们在开发中经常会遇到的,这里面可能会遇到非常多的问题: 1px问题 UI图完美适配方案 iPhon...
    Vicky丶Amor阅读 8,960评论 4 19
  • 导读 移动端适配,是我们在开发中经常会遇到的,这里面可能会遇到非常多的问题: 1px问题 UI图完美适配方案 iP...
    编程鸭阅读 1,838评论 0 0
  • # Readme 然后把下面的代码随便复制到一个文本编辑器中(比如记事本) 关键地方都有中文注释, 替换题目:搜索...
    HandsomeCodeBoy阅读 472评论 0 0