媒体查询最大宽度与视图端口大小或窗口大小有关?

2024-03-07

我想知道媒体查询的最大宽度是否与视图端口大小或窗口大小有关?

例如,我有这个媒体查询:

@media screen and (max-width: 360px){}

当视口大小为 360px 或窗口大小为 360px 时,此媒体查询会起作用吗?


这是视口。这在spec http://www.w3.org/TR/css3-mediaqueries/#width:

“宽度”媒体功能描述了输出设备的目标显示区域的宽度。对于连续媒体,这是视口的宽度(如 CSS2 第 9.1.1 节 [CSS21] 中所述),包括渲染的滚动条(如果有)的大小。

这也适用于主浏览器视口内的子视口,例如框架集和 iframe 的子视口。因此,如果 iframe 的宽度为 360px 或更小,您的媒体查询也将应用于该 iframe 内。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

媒体查询最大宽度与视图端口大小或窗口大小有关? 的相关文章

随机推荐

  • range() 不是每次都会计算它的参数吗?

    l作为参数传递给range其值在内部被修改的函数for循环 但循环是为了10次而不是5 i 0 l 10 for i in range l print i l l l 1 输出是 0 10 1 9 2 8 3 7 4 6 5 5 6 4 7
  • 无法打开应用程序“Eclipse”。 -10810

    更新android L Preview的SDK后 我尝试将ADT从adt 22更新到23 但它说版本冲突 所以无法更新ADT然后我通过about eclipse卸载了ADT插件 重新启动eclipse后没有打开 它显示警告 因为无法打开应用
  • 使用 jOOQ 实现带间隔的 date_sub() 函数

    我从昨天起就一直在处理这个问题 问题是我正在将查询迁移到jOOQ http www jooq org当我尝试实现这一部分时 我陷入了困境 select from table where condition1 and date1 gt dat
  • 登录 Groovy 脚本

    我有一个基本的 Groovy 脚本 我希望尽可能简单地创建日志 我希望消息发送到标准输出以及日志文件 并且日志文件中的每个条目都有一个时间戳 我无法使用 Log 表示法 因为它是一个脚本 而且我没有要注入的类 否则我认为这将是理想的 您可以
  • Laravel 验证独特

    我有一个带有唯一列的表 我的表单验证规则如下所示 return Validator make data nameEN gt required string nameHE gt required string address gt requi
  • spring @Transactional 注解

    我有一个抽象类和两个扩展它的子类 我在 spring 配置文件中有以下内容
  • 如何配置 xdebug stacktrace 以链接到 VS Code 中的文件并打开文件

    当 xdebug 提供堆栈跟踪时 它可以创建链接以在文本编辑器中的特定行打开文件 例如 如果安装了 subl 处理程序 以下配置将在 Sublime 中打开文件 xdebug file link format subl open url f
  • 响应式设计 - 适用于智能手机和平板电脑的标准断点/媒体查询

    当您进行响应式设计编码时 智能手机和平板电脑的标准宽度是多少 我查看了不同的网站 但似乎没有找到任何好的标准宽度模板 你们在编码响应式设计时通常对断点 媒体查询做什么 如果有人有适合平板电脑 智能手机等的不同分辨率的好模板 请分享 谢谢 有
  • 如何以编程方式确定 VB 应用程序日志的位置?

    我正在改造一个旧的 vb net 应用程序 使其符合 Vista 中的 LUA 原则 到目前为止 应用程序使用了多种日志记录机制 但核心机制涉及将日志写入到 c temp 如果该文件夹存在 我想用更标准的日志记录机制替换当前的日志记录 这是
  • Dataframe_image OsError:无法在您的计算机上找到 Chrome 可执行文件

    我正在尝试运行我的脚本数据块 using 数据框 图像库来设置我的表格样式 然后将其另存为 png 文件并收到错误OsError 无法在您的计算机上找到 Chrome 可执行文件 Per 文档 https pypi org project
  • 有没有办法在 C++ 函数中获取函数名称?

    我想实现一个函数跟踪器 它可以跟踪函数执行所花费的时间 我有以下相同的课程 class FuncTracer public FuncTracer LPCTSTR strFuncName in m strFuncName 0 T 0 if s
  • SharpSVN 和 C# 问题

    当尝试将 SharpSVN 添加到我的 C 项目时 使用 SharpSVN 相关调用进行编译会出现以下错误 FileLoadException 未处理 混合模式程序集是针对运行时版本 v2 0 50727 构建的 如果没有附加配置信息 则无
  • Jenkins 作业和项目之间的区别

    当我位于 Jenkins 主屏幕上时 我会收到一个链接Create a New Job 当我创建一个新作业并将其称为 新作业 并运行它时 我会得到结果 当我查看结果时 我会收到一个链接Back to Project 当我点击这个时我看到Pr
  • SwiftUI TextField 最大长度

    是否可以设置最大长度TextField 我正在考虑使用处理它onEditingChanged事件 但仅在用户开始 完成编辑时调用 而在用户键入时不会调用 我也阅读了文档 但还没有找到任何东西 有什么解决方法吗 TextField text
  • 如何使用 jQuery 删除周围的 DIV?

    在 Wikispaces 中 当您将目录添加到主要内容区域时 您在该主要内容区域中使用的任何标题 h1 h6 都会自动放置在目录中 并作为锚链接 单击该链接后 带您向下翻页至目录中引用的标题 默认情况下 wikispaces 用 div 包
  • 如何在 r 中创建水平堆积条形图风格的时间序列图

    我想创建一个水平 堆叠条形 类型图 其中日期沿 x 轴运行 我的样本在 y 轴上显示为条形 在下面的简单示例中 我有三个样本 a b c 每个样本包含三个值 0 1 2 我希望水平条根据沿 x 轴的每个时间步长的值进行着色 这样我最终会得到
  • 流媒体 YouTube 视频

    我正在编写一个使用流媒体播放 YouTube 视频的应用程序 第一种方法 我正在使用 GData API 获取视频的 RTSP URL 这是播放 RTSP url 的代码 VideoView mVideoView new VideoView
  • 模式中的表单输入未按要求显示

    我已经阅读了一些相关文章 但没有成功解决我自己的让表单字段按要求显示的问题 也许问题出在外面 但我想分享一下 以防它突出一个独特的案例 这是一个可以完整查看的课堂作业here https futurethang github io Trai
  • Angular 5,具有 3 种状态的 Angular Material 复选框(选中、未选中、不确定)

    我是 Angular 和 Angular Material 的新手 现在我在一些项目中担任支持人员 有一个带有过滤器和一个复选框的网格 用于检查网格中的用户是否处于活动状态 非活动状态或未选择状态 如果只有两个选项 活动 非活动 会更简单
  • 媒体查询最大宽度与视图端口大小或窗口大小有关?

    我想知道媒体查询的最大宽度是否与视图端口大小或窗口大小有关 例如 我有这个媒体查询 media screen and max width 360px 当视口大小为 360px 或窗口大小为 360px 时 此媒体查询会起作用吗 这是视口 这