媒体查询的逻辑条件Web前端交互和框架技术在线开放12课件讲解.pptxVIP

媒体查询的逻辑条件《Web前端交互和框架技术》在线开放课程

目录CONTENTS010203媒体查询的语法复杂查询常用的媒体查询特性案例演示

媒体查询的语法01PPT下载/xiazai/

媒体查询的语法01在HTML里，我们可以为style、link或source等标签添加media属性，指定该样式表或资源应用于哪种特定的媒体类型。

媒体查询的语法01在CSS中，我们可以通过使用@media规则为不同条件设置不同的样式规则

复杂查询常用的媒体查询特性02PPT下载/xiazai/

复杂查询常用的媒体查询特性02not,and,和only可用于联合构造复杂的媒体查询，还可以通过用逗号分隔多个媒体查询，将它们组合为一个规则。关键字作用and用于将多个媒体查询规则组合成单条媒体查询，当每个查询规则都为真时则该条媒体查询为真，它还用于将媒体功能与媒体类型结合在一起。not运算符用于否定媒体查询，如果条件不满足，就返回true；否则返回false。only运算符仅在整个查询匹配时才用于应用样式，并且对于防止较早的浏览器应用所选样式很有用。逗号(,)逗号用于将多个媒体查询合并为一个规则。逗号分隔列表中的每个查询都与其他查询分开处理。

复杂查询常用的媒体查询特性02特性说明orientation:landscape|portrait设备方向land