本文介绍了rem单位的使用，强调了通过改变html字体大小能全局控制页面元素大小的优势。接着详细讲解了媒体查询的概念、语法规范及其在不同设备上的应用。此外，还探讨了less的基础知识，包括变量、嵌套、运算和样式文件导入，以帮助开发者更好地进行响应式设计。
不要吝啬你的点赞评论加关注哦
一、rem单位
rem（root em）是一个相对单位，类似于em。
1、em 是相对于父元素的字体大小来说的
2、rem 是 相对于 html 元素的字体大小来说的
3、rem 的优点就是可以通过修改 html 里面的文字大小来改变页面中元素的大小，可以整体控制
二、媒体查询
1.什么是媒体查询
- 使用@media 查询，可以针对不同的媒体类型定义不同的样式
- @media可以针对不同的屏幕尺寸设置不同的样式
- 当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面
- 目前针对很多苹果手机、Android手机，平板等设备都用得到多媒体查询
2.语法规范
语法（示例）：
@media mediatype and/not/only (media feature){
CSS
最低0.47元/天 解锁文章
625
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
