1.@media screen实现网页布局的自适应
优点 : 无需插件，能够适应各种窗口大小，只需在CSS中添加@media screen属性。
官方文档：@media 可以针对不同的屏幕尺寸设置不同的样式，特别是如果你需要设置设计响应式的页面，@media 是非常有用的。
语法：@media mediatype and|not|only （media feature） { CSS-Code; }
紧接着我开始接触移动端的适配。
2.rem适配
这个方法是CSDN博主「sxs1995」的原创文章，blog.csdn.net/sxs1995/art…
计算单位是 640px=6.40rem,
当设计稿的宽度是 750px 时， i=750； 当设计稿的宽度是 640px 时， i=640 。
缺点 ： 首次加载页面时，会闪线1-2s，在手机上预览的用户体验不好
3.用@media实现rem适配
优点：当屏幕宽度更改时，只需修改Html元素中的 font-size 即可适配
4.用vw定制rem自适应布局
在掘金上看到作者JowayYoung的灵活运用CSS开发技巧的文章，其中一点是：使用vw定制rem自适应布局
优点 ： 移动端使用rem布局需要通过JS设置不同屏幕宽高比的font-size，结合vw单位和calc（）可脱离JS的控制
如果您觉得本文的内容对您的学习有所帮助：
关键字：
jquery