三种布局方式
【三种布局方式】1.100%布局
宽度变,高度不变
2./rem布局(r=root根元素大小,也就是html字体的大小,用js获取视口的宽度来决定html字体的大小实现大小的均匀变化。用媒体查询像素会有空隙,视口变大或者缩小,变化不均匀)
宽高随着布局视口的大小变化
rem的适配方案
!(function(doc, win) {
var docEle = doc.documentElement,
evt = "onorientationchange" in window ? "orientationchange" : "resize",
fn = function() {
var width = docEle.clientWidth;
width = width < 320 ? 320 : width;
width = width > 640 ? 640 : width;
width && (docEle.style.fontSize = 100 * (width / 640) + "px");
};
win.addEventListener(evt, fn, false);
doc.addEventListener("DOMContentLoaded", fn, false);
}(document, window));
推荐阅读
- 关于QueryWrapper|关于QueryWrapper,实现MybatisPlus多表关联查询方式
- mybatisplus|mybatisplus where QueryWrapper加括号嵌套查询方式
- 10.两种记账方式
- 数据库|SQL行转列方式优化查询性能实践
- 织网布局,社群营销走进山东玖零落地企业
- 思维导图让你换一种打开方式学数学
- 日更是片段写作训练的好方式
- H5、js调用手机通话|H5、js调用手机通话,短信
- 推荐两种减压方式
- 迫害我们心中的经典,以翻拍的方式