媒体查询(media queries)是响应式设计(Responsive Web Design简称RWD)必不可少的一部分。
媒体查询有两个关键词min-width和max-width, 接触过媒体查询的同学可能会认同我， 这两个关键词很绕；从字面上理解它们可能不那么容易，以至于我每次都需要在脑海里面不断演算，然后小心翼翼地测试效果（大概和写正则表达式的感觉差不多）。
需要提醒一下的是CSS的优先级概念，在样式表中越后的样式优先级越高，就是后面的样式会覆盖前面的样式。在这个例子中，我们先设定了默认颜色为灰色。如果width大于960px的，会显示灰色。
假设width为750px，会先匹配到灰色，再匹配红色，最终显示了橙色。由于width等于750px，它不在0-550px和0-320px这个范围，浏览器不会解析这些样式。
最高就行, ios的高斯模糊设置的确实挺高. 但是css3的有缺陷就是想要让一个可以拖动的小窗口设置上背景模糊需要背景是图片. 如果不用图片直接给一个div设置那么模糊的就不是背景了,而是div本事. 倒是可以给背景元素设置模糊,然后给前面的窗口设置半透明. 但是这是全屏,不上局部
