【CSS-task8】

小课堂 上海

媒体查询的使用

分享人：王旭东

目录

1.背景介绍

2.知识剖析

3.常见问题

4.解决方案

5.编码实战

6.参考文献

1.背景介绍

1.背景介绍

使用 @media 查询，你可以针对不同的媒体类型定义不同的样式。 @media 可以针对不同的屏幕尺寸设置不同的样式，特别是如果你需要设置设计响应式的页面，@media 是非常有用的。 当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面。

2.知识剖析

媒体查询用法简单 刚学习的时候会一脸懵逼 学会了之后尤其用多了就会用了 发现很好用

3.常见问题

媒体查询设置断点时候重叠会样式会冲突

4.解决方案

5.编码实战

6.参考文献

鸣谢

感谢大家观看

BY : 王旭东