CSS3 media queries(媒体查询)
2014-02-13 15:10
417 查看
语法:
@media:<media_query_list>
<media_query_list>:[<media_query>[',' <media_query>]*]?
<media_query>:[only | not]? <media_type> [and <expression>]* | <expression> [and <expression>]*
<expression>:'('<media_feature>[:<value>]?')'
CSS2定义的媒体类型
@media:<media_query_list>
<media_query_list>:[<media_query>[',' <media_query>]*]?
<media_query>:[only | not]? <media_type> [and <expression>]* | <expression> [and <expression>]*
<expression>:'('<media_feature>[:<value>]?')'
CSS2定义的媒体类型
Media Types 媒体类型 | CSS Version 版本 | Compatibility 兼容性 | Description 简介 |
---|---|---|---|
all | CSS2 | 所有浏览器 | 用于所有媒体设备类型 |
aural | CSS2 | Opera | 用于语音和音乐合成器 |
braille | CSS2 | Opera | 用于触觉反馈设备 |
handheld | CSS2 | Chrome,Safari,Opera | 用于小型或手持设备 |
print | CSS2 | 所有浏览器 | 用于打印机 |
projection | CSS2 | Opera | 用于投影图像,如幻灯片 |
screen | CSS2 | 所有浏览器 | 用于计算机显示器 |
tty | CSS2 | Opera | 用于使用固定间距字符格的设备。如电传打字机和终端 |
tv | CSS2 | Opera | 用于电视类设备 |
embossed | CSS2 | Opera | 用于凸点字符(盲文)印刷设备 |
相关文章推荐
- CSS3媒体查询(Media Queries)介绍
- CSS3媒体查询(Media Queries)介绍
- html5中的图片css3Media Queries媒体查询
- CSS3 Media Queries媒体查询
- 响应式布局:CSS3媒体查询Media Queries
- CSS3媒体查询 Media Queries 简介
- css3的媒体查询(Media Queries)
- CSS3 Media Queries 媒体查询
- css3的媒体查询(Media Queries)
- 响应式布局:CSS3媒体查询Media Queries
- 使用CSS媒体查询(Media Queries)和JavaScript判断浏览器设备类型的方法
- css3 媒体查询
- CSS3 之媒体查询Media Query
- 强悍的css3媒体查询打印页面
- 看懂css3媒体查询
- 巧妙使用CSS媒体查询(Media Queries)和JavaScript判断浏览器设备类型的好方法
- css3媒体查询
- css3媒体查询实现网站响应式布局
- css3新特性@media(媒体查询)