响应式基本介绍

1.1响应式基本介绍

响应式最初的时候 追求的就是希望客户通过一个域名访问到的页面 也在所有的终端设备上都有一个合适的展示。
二，如何实现响应式：
a) 设计 如果想要实现一个响应式网站，那么在设计的时候 需要提供相应的 PSD 稿。
b）代码 利用代码不停的去监测当前设备的宽度 然后来决定具体展示哪一套 CSS 样式。
三，市场的主流做法：
a) 如果我们只需要网站产品那么一般就是采用响应式，做一套页面，然后在所有的设备上都去响应式展示。
b) 当前有很多公司都有自己的 APP ，所以此时我们就不需要在单独的处理 PC 页面到移动端响应，而是直接做一套移动端页面。

1.2 媒体查询属性

@media（）{
具体的元素 css 样式
}

注：
1，@media 就是一个 C3 当中提供的关键字，只要看到这段代码就意味着 要开启媒体查询 【 就是来检测一下当前设备的相关属性，然后判断是否满足，从而决定打括号里的样式是否执行 】
2，@media 语句后面所跟的就是相关的条件与设备类型。
3，无论我们如何书写样式，它仍然尊盾 CSS 后写的覆盖先写的特性。
4，@media 后面的大括号 我们就可以理解为是一个大的空间，专门用来书写某种条件下的 css 样式，我们也称之为叫 媒询 样式。