it芯片|HTML知识梳理大全（八）！

文章图片

【it芯片|HTML知识梳理大全（八）！】
1.rem布局的适配方案有几种？
rem布局的适配方案主要有两种，一种是rem+less+媒体查询。一种是rem+flexble.js两种方式。
2.rem布局的两种适配方案在流程与本质上有什么区别？
首先第一种rem+less+媒体查询，我们在操作代码的时候需要通过less格式来编写样式，取代了css样式，并且通过媒体查询来控制不同页面下的字体大小，通过不同的字体大小，以rem为单位达到不同页面下布局的方式。
第二种rem+flexble.js两种方式，在新建项目之初的时候就需要新建一个js文件，它相当于帮助我们完成了媒体查询和字体大小的设置，只需要我们在css中编写代码即可。

3.Rem布局原理是什么？
通俗的来讲就是以rem为单位根据不同的页面大小，页面的元素也会跟随不同的页面大小而动态变化的过程。
4.rem和less的关系是什么？
rem是单纯的一个单位，它是通过字体大小而换算过来的， less是书写样式的一种文件，取代了css ，可以实现样式的嵌套和样式的计算等优势。