html - 媒体查询中定义的与大小相关的断点是否有名称？

Question

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

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

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

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

标签： htmlcssmedia-queriesterminologyw3-css

Answer 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.

更合适的名字可能是：

• 响应点
• 大小点
• 设备点
• 断点
• 查询点
• 比赛点
• 关键点