it芯片|HTML知识梳理大全(八)!

it芯片|HTML知识梳理大全(八)!

文章图片

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 , 可以实现样式的嵌套和样式的计算等优势 。