媒体查询中定义的与大小相关的断点是不是有名称？ [关闭]

Posted 2023-02-27

【中文标题】媒体查询中定义的与大小相关的断点是不是有名称？ [关闭]

【英文标题】：Is there a name for the size related break points defined in a media query? [closed]媒体查询中定义的与大小相关的断点是否有名称？ [关闭]

【发布时间】：2021-10-17 13:03:28

【问题描述】：

是否有用于在编写媒体查询时更改网页用户界面的断点名称？

例如，在动画中，有一些关键帧定义了一个时间点，以将更改应用到视频或视频元素。媒体查询有类似的东西吗？如果不是，那么称它们为键大小有意义吗？

例如，以下键是 400、800 和 1080：

@media (min-width: 400px) 
@media (min-width: 800px) 
@media (min-width: 1080px) 

【问题讨论】：

我做的常用断点是 480px、767px 和 1024px。我称它们为移动设备、平板电脑和桌面设备。

你的答案会在这里：w3.org/TR/mediaqueries-5/#mq-syntax

可能是断点。

【参考方案1】：

更新 - 2021 年 8 月 21 日： 它有一个名字。它被称为断点。

观看此视频：

https://www.youtube.com/watch?v=IsC5-C_nuF4&t=218s

旧答案：

这个问题的答案是“不，它没有名字”（我在https://www.w3.org/TR/mediaqueries-5/#mq-syntax 上找不到）。

我没有在规范中看到定义这些查询应用或匹配的“点”或“宽度”的任何具体描述。

这些要点（不是双关语）的目的是为不同尺寸的设备（如移动设备、平板电脑和台式机）显示不同的布局。让设计师能够进行自定义布局以适应可用空间。

这是我找到的。

IIUC 我正在编写的查询如下所示：

`@media (min-width: 400px)`

这将是一个媒体查询和媒体条件：

然后是媒体功能：

然后是媒体功能名称和值：

然后是宽度属性：

如果没有其他名称，听起来正确的是breakpoint。

更合适的名字可能是：

响应点 大小点 设备点 断点 查询点 匹配点 关键点