读书人

CSS3 之传媒查询Media Query

发布时间: 2013-10-22 16:16:51 作者: rapoo

CSS3 之媒体查询Media Query

  Media Queries是CSS3有关媒体查询的属性,有了CSS3 之媒体查询Media Queries就可以进行媒体查询,针对每个不同的媒体进行不同的样式编写。传说中的Web响应式布局就可以毫无压力的做出来了。下面我们就一起来看看CSS3 之媒体查询Media Queries的相关知识吧。


  一、Media Query之引入方法


  1、外部引用


  三、Media Query之兼容情况

CSS3 之传媒查询Media Query


  四、Media Query之实例


  1、最大宽度Max Width——当屏幕小于或等于600px时,将采用small.css样式来渲染Web页面

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">


  CSS3 之媒体查询Media Query的介绍就在上面了,希望大家看过之后,非常轻松的能够掌握媒体查询这个小小的CSS3属性。


读书人网 >CSS

热点推荐