《
CSS3 Media Queries详解》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302331952013.htm
Web挪动化的趋势越加显明。固然海内受到良多制约，然而这种浪潮却无奈拦阻。前段时光jQuery发布mobile名目,CSS3 Gradient 创建水晶按钮实例，也加速了这种变化。 Media Queries 未几的未来应当就会被更多的应用，以更好的支撑新兴设备比方iPad。事实上,css3 border-image使用说明， jQuery 甚至有 Media Queries的插件。
一个三栏布局，在屏幕变窄的情形下，变成1栏布局，甚至是打消过剩两栏而只留下通常的内容的第2栏。Media Queries是如何工作的？先看看 link 标签的写法：
--> [
网站建设之]CSS3 Media Queries详解
CSS2.1定义了 Media 的局部，包含类型、组别和规矩等。CSS并非为了显示器而发明，而是应用于各种各样的媒体，好比常见的显示器，越来愈多的手持设备，可能略显过期的电视机等等,CSS11个class与一个id谁的优先级高。
Tag：详解 详解
援用CSS3 Media Queries里的直观的 DEMO，当阅读器宽度转变时,css-sprite适用的条件 对css-sprite的理解，利用的CSS产生变更,CSS+DIV网页重构对比TABLE显著优势。而这些，底本须要 JavaScript 的把持才干做到。
看看 Media Queries 做了什么
代码:
<link rel="stylesheet" type="text/css" href="swordair.css" media="screen and (min-width: 400px)">
那么，回到方才的那条 Media Query，media="screen and (min-width: 400px)" 的意思就是当屏幕的宽度大于即是400px的时候,CSS+DIV网站优化(seo)，应用此条CSS。
在media属性里：
本文具体阐明了CSS3 Media Queries，所以假如只是想简略懂得Media Queries，推举参考 CSS3 Media Queries 。
而 Media Queries 的引入，其作用就是容许增加表白式用以断定媒体的情况，以此来运用不同的款式表。换句话说，其许可咱们在不改变内容的情况下，改变页面的布局以准确适应不 同的装备,CSS 通过一个样式表区分IE的各个版本，以此增强休会。所以Media Queries跟CSS优化不关联，甚至是抵触的。
媒体特性共13种，能够说是一个相似CSS属性的聚集,CSS 连接后面加上 表示什么意思。但和CSS属性不同的是，媒体特性只接受单个的逻辑抒发式作为其值，或者没有值。并且其中的 大部分接收 min/max 的前缀，用来表现 大于等于/小于等于 的逻辑,CSS 规范书写顺序，以此防止使用 &,CSS 直方图布局示例;lt; 和 > 这些字符。
screen 是媒体类型里的一种，CSS2.1定义了10种媒体类型 and 被称为要害字，其余症结字还包括 not(消除某种设备)，only(限定某种设备) (min-width: 400px) 就是媒体特征，其被放置在一对圆括号中。完全的特性参看 相干的Media features部门
(责任编辑：网站建设)
CSS3 Media Queries详解相关文章