注意：1，媒体查询之间使用逗号隔开；2，在projection之后，没有and，也没有任何特性/值的组合。没有后续表达式，意味着只要是projection就满足条件。

　　媒体查询能检测的特性（最长用过的是设备的视口宽度(width)和屏幕宽度(device-width)）：

　　color：每种颜色的位数。例：min-color：16会检测设备是否拥有16位颜色。

　　monochrom：检测单色帧缓冲区中每像素所使用的位数。值必须是非负整数。

　　scan：电视机的扫描方式，值可设为progressive（逐行扫描）或interlace（隔行扫描）。如720p p表示逐行扫描。

　　在上述所有特性中，除scan和grid之外，都可以使用min和max前缀来创建一个查询范围。例如：

　　在样式表的开头位置设置样式，以便适应所有涉及，然后使用媒体查询来进一步重写响应的部分。例如，先针对大视口设计(用户大多数情况下使用鼠标)，将导航链接设计成简单的文字链接；然后再针对较小的视口，使用媒体查询重写这部分样式，为拇指一族提供更大点击区域。

　　使用多个独立的文件会增加http请求数量，建议在已有的样式表中追加媒体查询样式。（）是为IE8及更低版本增加媒体查询支持的最快的js工具。

　　首先在css中为平板设备增加媒体查询，数值ipad的视口宽度为768px（横向1024px）

　　推荐一本书 响应式Web设计：HTML5和CSS3实战.pdf已赞过已踩过你对这个回答的评价是？评论收起

　　自动根据屏幕像素 调用不同的CSS代码。本回答被提问者和网友采纳已赞过已踩过你对这个回答的评价是？评论收起

　　百度知道官方认证企业2018-07-26腾讯电脑管家是腾讯公司推出的免费安全管理软件，能有效预防和解决计算机上常见的安全风险，并帮助用户解决各种电脑“疑难杂症”、优化系统和网络环境，是中国综合能力最强、最稳定的安全软件。向TA提问展开全部用以下代码开头：

　　自动根据屏幕像素 调用不同的CSS代码。已赞过已踩过你对这个回答的评价是？评论收起

　　知道合伙人IT服务行家采纳数：64获赞数：69向TA提问展开全部高度宽度用 auto 或者是 百分比已赞过已踩过你对这个回答的评价是？评论收起

转载请注明出处。