美文网首页
媒体查询语法

媒体查询语法

作者: panw3i | 来源:发表于2017-12-20 15:42 被阅读15次

and

and关键字用于合并多个媒体属性或合并媒体属性与媒体类型。一个基本的媒体查询,即一个媒体属性与默认指定的all媒体类型,可能像这样子:

@media (min-width: 700px) { ... }

如果你只想在横屏时应用这个,你可以使用 and 操作符合并媒体属性:

(min-width: 700px) and (orientation: landscape) { ... }

现在上面的媒体查询仅在可视区域宽度不小于700像素并在在横屏时有效。如果,你仅想再电视媒体上应用,你可以使用 and 操作符合并媒体属性:

@media tv and (min-width: 700px) and (orientation: landscape) { ... }

现在,上面媒体查询仅在电视媒体上,可视区域不小于700像素宽度并且是横屏时有效。

如果不写 all and 默认就是全媒体

相关文章

  • rem布局&响应式布局

    rem布局 1.rem单位 2.媒体查询 2.1 什么是媒体查询 2.2 媒体查询语法规范 2.3 媒体查询+re...

  • 媒体查询语法

    and and关键字用于合并多个媒体属性或合并媒体属性与媒体类型。一个基本的媒体查询,即一个媒体属性与默认指定的a...

  • 移动端布局方式

    媒体查询(Media Queries) 媒体查询介绍浏览器根据不同的窗口尺寸来选择使用不同的样式。 语法@medi...

  • CSS的媒体查询

    媒体查询,顾名思义就是查询将要应用样式表的媒体,满足查询的条件,就会应用该样式表。 语法 在HTML中可以在lin...

  • Java mac idea hibernate的使用04

    1. HQL语法 1.1 基本语法 查全部 排序 条件查询 分页查询 聚合查询 投影查询 1.2 HQL多表查询 ...

  • Django-关系映射

    关系映射 一对一映射 语法 查询 一对多映射 语法 查询 多对多映射 语法 查询 自定义查询对象

  • Kibana 查询语法 --- 2022-04-03

    Kibana Query Language (KQL)查询语法是Kibana为了简化ES查询设计的一套简单查询语法...

  • mysql表格查询命令

    全表查询 语法: Select * from 表名称; 描述: 查询指定表中的所有数据 案例: 单条件查询 语法:...

  • mysql增删该查语句讲解及示例

    在文章的下面有查询的示例,熟悉语法的可直接跳过语法:基本查询语法: 查询指定列: 注:可以使用as为列或表指定别名...

  • 移动端布局-媒体查询 + rem单位布局

    媒体查询 + rem单位布局 说道这个布局,,那么我们首先得了解什么是媒体查询,rem是什么? 媒体查询:媒体查询...

网友评论

      本文标题:媒体查询语法

      本文链接:https://www.haomeiwen.com/subject/vdbgwxtx.html