为什么响应式 Web 设计需要媒体查询
CSS3媒体查询可以让我们针对特定的设备能力或条件为网页应用特定的CSS样式。
如果没有媒体查询，只用CSS是无法大大修改网页外观的。这个模块让我们可以提前编写出适应很多不可预测因素的CSS规则，比如屏幕方向水平或垂直、视口或大或小等等。
弹性布局虽然可以让设计适应较多场景，也包括某些尺寸的屏幕，但有时候确实不够用，因为我们还需要对布局进行更细致的调整。媒体查询让这一切成为可能，它就相当于CSS中基本的条件逻辑。
如果没有媒体查询，只用CSS是无法大大修改网页外观的。这个模块让我们可以提前编写出适应很多不可预测因素的CSS规则，比如屏幕方向水平或垂直、视口或大或小等等。
弹性布局虽然可以让设计适应较多场景，也包括某些尺寸的屏幕，但有时候确实不够用，因为我们还需要对布局进行更细致的调整。媒体查询让这一切成为可能，它就相当于CSS中基本的条件逻辑。
举一反三
内容
- 0
响应式设计的三大关键技术分别是哪些？ A: 固定宽度布局 B: 流式布局 C: 弹性媒体 D: 媒体查询
- 1
下面不是响应式网页设计技术的是（）。 A: 弹性布局 B: 媒体和媒体查询 C: 弹性图片 D: 盒子模型
- 2
响应式布局主要通过媒体查询实现。 A: 正确 B: 错误
- 3
响应式网页设计的技术原理有( )。 A: 使用<;meta>;标签 B: 媒体查询 C: 第三方框架 D: C都对
- 4
下列关于响应式布局说法错误的是? A: 对不同的屏幕尺寸（大小）做出响应，并进行相应布局的一种移动Web开发方式 B: 可以使用媒体查询设置断点，响应不同尺寸的屏幕 C: 一个网站兼容多种终端 D: 使用媒体查询，在不同的断点下设置相同的样式，从而实现响应式布局