什么是媒体查询(怎么理解媒体查询)

媒体查询可以让我们根据设备显示器的特性(如视口宽度、屏幕比例、设备方向:横向或纵向)为其设定CSS样式,媒体查询中可用于检测的媒体特性有 width 、 height 和 color (等)。使用媒体查询,可以在不改变页面内容的情况下,为特定的一些输出设备定制显示效果。

上节课我们已经学习了rem布局中的rem是什么了,今天我们继续学习rem布局中的媒体查询:

1.什么是媒体查询?

媒体查询可以让我们根据设备显示器的特性(如视口宽度、屏幕比例、设备方向:横向或纵向)为其设定CSS样式,媒体查询中可用于检测的媒体特性有 width 、 height 和 color (等)。使用媒体查询,可以在不改变页面内容的情况下,为特定的一些输出设备定制显示效果。

2.媒体查询怎么使用?

语法格式如下:@media 媒体类型 逻辑运算符 (媒体特征){css样式}

媒体类型有四种,all代表所有的媒体设备;print 用于打印机;screen 用于电脑屏幕、平板、手机等(这也是我们通常选择的媒体类型);speech 用于屏幕阅读器。

逻辑运算符:这个我们应该不陌生。分为三种:and、or、not。

媒体特征:书写格式与css样式类似,都是属性名:属性值(例如min-width:200px)。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,请发送邮件至 55@qq.com 举报,一经查实,本站将立刻删除。转转请注明出处:https://www.szhjjp.com/n/119416.html

(0)
robot
上一篇 2022-05-05
下一篇 2022-05-05

相关推荐

  • Rocky Linux的默认软件包管理工具是否支持软件依赖解析

    是的,Rocky Linux的默认软件包管理工具是dnf(Dandified Yum),它支持软件依赖解析。当你安装一个软件包时,dnf会自动解析并安装该软件包所依赖的其他软件包,确保系统中的所有软件包都能够正常运行。这样可以避免安装软件时出现依赖问题,提高系统的稳定性和可靠性。

    2024-04-19
    0
  • java正则表达式去除双引号

    在Java中,可以使用正则表达式去除双引号。以下是一个示例代码:import java.util.regex.Matcher;import java.util.regex.Pattern;public class RemoveQuotes {public static void main(String[] args) {String input = “\”Hello, World!\””;St

    2024-02-06
    0
  • 「西安广知网络科技有限公司怎么样」西安广知信息科技

    西安广知网络科技有限公司怎么样,西安广知信息科技内容导航:西安广知网络科技有限公司怎么样西安广度信息科技有限公司待遇啥的怎么样小弟找工作。航天天绘科技有限公司怎么样,主要是福利待遇这方面,平均一个月下

    2022-05-11
    0
  • 「怎么成为热门微博」怎么能让微博上热门

    怎么成为热门微博,怎么能让微博上热门 内容导航: 怎么让微博话题上热搜 怎么把自己的微博变成热门话题新浪 怎么才能成为热门微 怎么把自己的新浪微博变成热门话题 一、怎么让微博话题上…

    2022-08-15
    0
  • mysql json_contains的用法是什么

    MySQL的JSON_CONTAINS函数用于判断一个JSON数组是否包含指定的值。函数的语法如下:JSON_CONTAINS(json_doc, value[, path])json_doc:要检查的JSON值。value:要查找的值。path:可选参数,指定要在JSON文档中搜索的路径。如果不提供此参数,则在整个JSON文档中搜索。函数返回一个布尔值,表示是否找到了匹配的值。以下是一些示例:1

    2024-01-23
    0
  • 「网站维护要什么」网站维护包括什么

    网站维护要什么,网站维护包括什么内容导航:网站建设需要做哪些维护网站维护公司要维护哪些内容一般网站维护人员都要会些什么网站维护的具体内容一般包含哪些一、网站建设需要做哪些维护网站建设需要对用户进行调研然后做数据分析,通过数据的宏观来规划方案定制。做

    2022-05-15
    0