这个可以适配rem布局的JS代码
window.onload=function(){
function setRem(){
var w=document.documentElement.clientWidth;
w=w>640?640:w;
document.querySelector('html').style.fontSize=w/20+'px';
}
setRem();//没动默认32px,如果窗口打开的时候很小，就会所有都是以32px为准，造成布局混乱
window.onresize=function(){
setRem();
}
}
rem布局 认识rem rem适配1.伸缩布局 flex2.流式布局 百分比3.响应布局 媒体查询 （超小...
rem布局
首先贴出js原生自适应布局的代码： 这是rem布局的核心代码。 什么是rem？rem是个低调的css单位，手淘在移...
视口 屏幕适配 布局 流体布局 响应式布局 rem布局 弹性盒模型布局
rem布局 所谓rem布局就是指为文档的根节点 元素设置一个基准字体大小，然后所有的元素尺寸都以rem为单位来写。...
1 2 rem布局，把所有单位用rem代替 3 flexbox布局，用弹性盒子的方式，达到响应式效果 这个...
Layout Skill 使用vw定制rem自适应布局 要点：移动端使用rem布局需要通过JS设置不同屏幕宽高比的...
移动端布局方案 rem 示例
移动端适配 页面引入ydui.flexible.js页面布局采用rem布局rem计算方式：设计图尺寸px / 10...
移动web开发之rem布局 rem基础 rem单位 rem (root em)是一个相对单位，类似于em，em是父...
本文标题：rem布局
本文链接：https://www.haomeiwen.com/subject/ceqjqxtx.html
网友评论