一个三栏布局,在屏幕变窄的情况下,变成1栏布局,甚至是消除多余两栏而只留下通常的内容的第2栏。Media Queries是如何工作的?先看看 link 标签的写法:
代码:
(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)
在media属性里:
(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)screen 是媒体类型里的一种,CSS2.1定义了10种媒体类型
and 被称为关键字,其他关键字还包括 not(排除某种设备),only(限定某种设备)
(min-width: 400px) 就是媒体特性,其被放置在一对圆括号中。完整的特性参看 相关的Media features部分 猜你喜欢