假设是基于640px尺寸的设计稿，deviceWidth设备宽度通过document.documentElement.clientWidth取到，
当页面的dom ready后，取到设备宽度，然后除以6.4即为100，将html的font-size设为100px,所以1rem=100px,假设设计稿有一个元素宽度为48px，48/2/100=0.24,即0.24rem,计算方便
var deviceWidth = document.documentElement.clientWidth;
if(deviceWidth > 640) deviceWidth = 640;
document.documentElement.style.fontSize = deviceWidth / 6.4 + 'px';
移动端自适应解决方案 谈到移动端自适应这个话题，如果要真正做好，那应该说是前端开发中的一个比较难以掌握的知识点了。...
已更新 - 强力推荐 (移动端自适应解决方案与仿原生APP超高清超细腻解决方案) https://gitlab....
移动h5 图片字体等适配WebApp开发之--"rem"单位Rem实现自适应初体验手机端页面自适应解决方案—rem布局
方案一 使用vw 和 rem结合 方案二 JS + rem结合
下面是在其他博客看到的解决方案： 假设是基于640px尺寸的设计稿，deviceWidth设备宽度通过docume...
设计稿尺寸为750 * 1340，移动端rem自适应方案一般分2种一、网易做法整个屏幕为7.5rem，1rem=1...
手机端页面自适应解决方案—rem布局 - 简书
移动端自适应 100px=1rem
简单事情简单做-宽度自适应 所谓宽度自适应严格来说是一种PC端的自适应布局方式在移动端的延伸。在处理PC端的前端界...
问题 移动端开发需要考虑不同手机上不同分辨率的展示效果，所以需要自适应解决方案； 解决 通用的方案是使用rem，r...
本文标题：移动端自适应解决方案
本文链接：https://www.haomeiwen.com/subject/akhduqtx.html
网友评论