CSS3参考手册
»
属性列表
»
媒体查询属性
»
相关内容：
其它媒体查询属性
选择其它项
Media Queries: grid
版本：CSS3
是否接受min/max：否
语法：
grid
：
<integer>
取值：
<integer>
：
用整数值来定义是否使用栅格或点阵。只有1和0才是有效值，1代表是，0代表否
说明：
用来查询输出设备是否使用栅格或点阵。
本特性不接受min和max前缀。
简单列举几个应用示例：
@media all and (grid){ … } @import url(example.css) all and (grid:0);
兼容性：
浅绿
= 支持
红色
= 不支持
粉色
= 部分支持
支持版本
\类型
IE
Firefox
Safari
Chrome
Opera
较早版本
6-8
4
5.1.7
13
11.5
较近版本
9
示例：
<!DOCTYPE html> <html lang="zh-cmn-Hans"> <head> <meta charset="utf-8" /> <title>grid of media features_CSS参考手册_Web前端之家参考手册</title> <meta name="author" content="Terry, Web前端之家www.jiangweishan.com" /> <style> @media screen and (grid:0){ body{color:#f00;} } </style> </head> <body> <div class="test">当你的输出设备未使用栅格或点阵时，本行文字显示为红色</div> <script> </script> </body> </html>