媒体查询中定义的与大小相关的断点是否有名称?
Is there a name for the size related break points defined in a media query?
编写媒体查询时用于更改网页用户界面的断点是否有名称?
例如,在动画中有一些关键帧定义了一个时间点以将更改应用到视频或视频元素。媒体查询有类似的东西吗?如果不是,将它们称为 keysizes 有意义吗?
例如,以下键为 400、800 和 1080:
@media (min-width: 400px) {}
@media (min-width: 800px) {}
@media (min-width: 1080px) {}
更新 - 2021 年 8 月 21 日:
它有一个名字。它被称为断点。
观看此视频:
https://www.youtube.com/watch?v=IsC5-C_nuF4&t=218s
旧答案:
这个问题的答案是“不,没有它的名字”(我在 https://www.w3.org/TR/mediaqueries-5/#mq-syntax 上找不到)。
我在规范中没有看到任何具体描述来定义这些查询适用或匹配的“点”或“宽度”。
这些点的要点(没有双关语意)是为不同尺寸的设备(如手机、平板电脑和台式机)显示不同的布局。允许设计人员进行自定义布局以适应可用的 space.
这是我找到的。
IIUC 我正在编写的查询如下所示:
`@media (min-width: 400px)`
这将是媒体查询和媒体条件:
然后是媒体功能:
然后是媒体功能名称和值:
然后宽度属性:
如果没有其他名称,听起来正确的是 breakpoint
。
更合适的名字可能是:
- 响应点
- 尺码点数
- 设备点
- 点破
- 查询点
- 匹配点
- 要点
编写媒体查询时用于更改网页用户界面的断点是否有名称?
例如,在动画中有一些关键帧定义了一个时间点以将更改应用到视频或视频元素。媒体查询有类似的东西吗?如果不是,将它们称为 keysizes 有意义吗?
例如,以下键为 400、800 和 1080:
@media (min-width: 400px) {}
@media (min-width: 800px) {}
@media (min-width: 1080px) {}
更新 - 2021 年 8 月 21 日: 它有一个名字。它被称为断点。
观看此视频:
https://www.youtube.com/watch?v=IsC5-C_nuF4&t=218s
旧答案:
这个问题的答案是“不,没有它的名字”(我在 https://www.w3.org/TR/mediaqueries-5/#mq-syntax 上找不到)。
我在规范中没有看到任何具体描述来定义这些查询适用或匹配的“点”或“宽度”。
这些点的要点(没有双关语意)是为不同尺寸的设备(如手机、平板电脑和台式机)显示不同的布局。允许设计人员进行自定义布局以适应可用的 space.
这是我找到的。
IIUC 我正在编写的查询如下所示:
`@media (min-width: 400px)`
这将是媒体查询和媒体条件:
然后是媒体功能:
然后是媒体功能名称和值:
然后宽度属性:
如果没有其他名称,听起来正确的是 breakpoint
。
更合适的名字可能是:
- 响应点
- 尺码点数
- 设备点
- 点破
- 查询点
- 匹配点
- 要点