1.新建rem.js文件
(function(doc, win) {
let docEl = doc.documentElement,
resizeEvt ='orientationchange' in window ?'orientationchange' :'resize',
recalc =function() {
let clientWidth = docEl.clientWidth
if ( !clientWidth )return
if ( clientWidth ===320 ) {
docEl.style.fontSize =24 * (clientWidth /320) +'px'
}
else {
docEl.style.fontSize =20 * (clientWidth /320) +'px'
}
}
if ( !doc.addEventListener )return
win.addEventListener(resizeEvt, recalc, false)
doc.addEventListener('DOMContentLoaded', recalc, false)
})(document, window)
2，将文件引入到main.js执行
解决方案1：p>首先你要在html页面头部加上下面的代码viewport"，不懂可以百度content="，一些小的模块可以用固定尺寸meta , name="。再就是css中要应用到媒体查询，不能不用固定尺寸。
</>，其次你要把页面中的宽度修改为百分比width=device-width，也就是@mediainitial-scale=1"
解决方案2：
建议你看一下网上的教程或者案例，自己对比学习再写。
建议：如果是小白的话，要不然不会自适应屏幕大小的，只要你编写的html代码符合html5规则就行html5不是转化的，建议你看一下html5标签文档
如下：
操作设备：戴尔灵越7400
操作系统：Win 10
软件：html文件2017
1、先在HTML网页编写一些测试的文字。
2、然后在网页预览文字初始的字体效果，颜色是黑色，大小比较小。
3、因为测试文字是在body标签内的，所以我们要对body标签设置css属性就可以了。
4、我们可以用font-family来设置HTML网页字体的类型，比如这里我设置为“华文楷体”。
5、再去看文字的变化效果，文字变成了华文楷体类型，比原先的好看多了。
6、然后color可以改变文字的颜色，比如我就设置它为red，意思表示的是红颜色。
7、这样，文字的颜色就会由黑色变成红色了哦。
8、而font-size可以设置文字的大小，我设置成38px，表示38像素大小。
9、最后来看看，文字变得比原来大了很多。这样我们就实现了设置HTML文字的类型，颜色及大小的目的。
