CSS 媒体查询（媒体屏幕）
CSS media queries ( media screen )
我有以下关于我的 WordPress 主题的查询，它们很多；/
我是 WordPress 的新手，所以我不能正确理解它们，但我相信我会理解你的解释。
这里是我不明白的地方。
1：我不明白它们是针对哪个屏幕的。
2：没看懂"max"（这个很奇怪）
3: 最大宽度会终止设置还是什么？因为我们有最小 600 和最大 600
这是代码。
屏幕不是打印在纸上或通过扬声器读出。它们是类似于智能手机、笔记本电脑或显示器上的屏幕，规则适用于所有这些屏幕（也满足 and 条件）。
Max是一个标准的英文术语。除非宽度超过定义的最大值，否则规则适用。它不会终止任何东西，它里面的规则只会在满足条件时应用。
because we have min 600 and max 600
…有不同的规则集。有些适用于宽度至少为 600px 的情况，有些适用于不超过 600px 的情况。
大多数媒体功能都可以使用 "min-" 或 "max-" 作为前缀来表示 "greater or equal to" 或 "less than or equal to" 约束。这避免了使用“<”和“>”符号，它们会与 HTML 和 XML 冲突。如果您在未指定值的情况下使用媒体功能，并且该功能的值不为零，则表达式解析为真。
希望本指南能帮助您了解其工作原理： Link
您还应该查看有关不同屏幕尺寸的指南：
Link
使用媒体查询，您可以确定将在哪个分辨率上应用您的样式，最大意味着如果屏幕尺寸大于您的数字，则不会应用媒体查询中的样式。如果屏幕尺寸小于您的数字样式，则与 min 相同。屏幕意味着当媒体有屏幕时，您的样式将被应用，例如您可以打印，而不是只有当您打印您的网站时才会应用样式。
媒体查询基本上是对其他编程语言的简单 if 语句。
screen: screen 用于定义仅适用于计算机屏幕、平板电脑或智能手机的规则。还有其他媒体类型，例如 projection 或 print。
max-width: 为 CSS 规则指定屏幕（或媒体）的最大宽度。这部分的所有规则都是针对屏幕较低和等于值。
min-width: 为 CSS 规则指定屏幕（或媒体）的最小宽度。这部分的所有规则都适用于大于该值的屏幕。
示例 #1（使用 min-width）：
@media screen and (min-width: 456px) { ... }
这部分的CSS规则仅适用于屏幕宽度至少为456像素的电脑屏幕、平板电脑或智能手机。
示例 #2（使用 max-width）：
@media screen and (max-width: 456px) { ... }
这部分的CSS规则仅适用于最大屏幕宽度为456像素的电脑屏幕、平板电脑或智能手机。
CSS3 Media Queries: https://www.w3.org/TR/css3-mediaqueries/
1) screen 这里指的是设备本身的屏幕（不是 print 因为 print 是常见的）。但这与
具有相同的效果
@media (min-width: 312px)
只要您指定要加载网站上 screen 的 max-width，就是这样
2) max表示应用以下样式的设备屏幕的最大宽度。
例如：
@media screen and (max-width: 768px){
//These styles will apply only if the screen size is less than or equal to 768px
}
3) 没有终止。如果您有 max 和 min 以及 600px，那么样式将根据代码的位置应用。下面的代码将适用（如果 min 代码在第 10 行，max 代码在第 20 行，那么 max 将起作用）
- 媒体查询检测当前正在使用您的媒体类型
在这种情况下网站是屏幕，所以任何设备 - 你也可以把
specific css for print - 使您的网站适合打印。
使用媒体查询是 RWD 的核心 - 响应式网页设计。
min-width 它说 browser 'please use this block of css rules if your viewport of your browser is min 312px so basically every device
视口尺寸大于 312px.
max-width 它说如果设备的视口大于 456px，请执行此块 css 规则 - 所以所有具有
455px 及以下不会 运行 这个 css 规则。
还有像 @media screen and (min-width: 200px) and (max-width: 1000px) 这样的状态{} - 它的定位设备超过 201px视口大小小于 999 像素。
链接：
https://developer.mozilla.org/pl/docs/Web/CSS/Media_Queries/Using_media_queries
我有以下关于我的 WordPress 主题的查询，它们很多；/
我是 WordPress 的新手，所以我不能正确理解它们，但我相信我会理解你的解释。
这里是我不明白的地方。
1：我不明白它们是针对哪个屏幕的。
2：没看懂"max"（这个很奇怪）
3: 最大宽度会终止设置还是什么？因为我们有最小 600 和最大 600
这是代码。
屏幕不是打印在纸上或通过扬声器读出。它们是类似于智能手机、笔记本电脑或显示器上的屏幕，规则适用于所有这些屏幕（也满足 and 条件）。
Max是一个标准的英文术语。除非宽度超过定义的最大值，否则规则适用。它不会终止任何东西，它里面的规则只会在满足条件时应用。
because we have min 600 and max 600
…有不同的规则集。有些适用于宽度至少为 600px 的情况，有些适用于不超过 600px 的情况。
大多数媒体功能都可以使用 "min-" 或 "max-" 作为前缀来表示 "greater or equal to" 或 "less than or equal to" 约束。这避免了使用“<”和“>”符号，它们会与 HTML 和 XML 冲突。如果您在未指定值的情况下使用媒体功能，并且该功能的值不为零，则表达式解析为真。
希望本指南能帮助您了解其工作原理： Link
您还应该查看有关不同屏幕尺寸的指南： Link
使用媒体查询，您可以确定将在哪个分辨率上应用您的样式，最大意味着如果屏幕尺寸大于您的数字，则不会应用媒体查询中的样式。如果屏幕尺寸小于您的数字样式，则与 min 相同。屏幕意味着当媒体有屏幕时，您的样式将被应用，例如您可以打印，而不是只有当您打印您的网站时才会应用样式。
媒体查询基本上是对其他编程语言的简单 if 语句。
screen: screen 用于定义仅适用于计算机屏幕、平板电脑或智能手机的规则。还有其他媒体类型，例如 projection 或 print。
max-width: 为 CSS 规则指定屏幕（或媒体）的最大宽度。这部分的所有规则都是针对屏幕较低和等于值。
min-width: 为 CSS 规则指定屏幕（或媒体）的最小宽度。这部分的所有规则都适用于大于该值的屏幕。
示例 #1（使用 min-width）：
@media screen and (min-width: 456px) { ... }
这部分的CSS规则仅适用于屏幕宽度至少为456像素的电脑屏幕、平板电脑或智能手机。
示例 #2（使用 max-width）：
@media screen and (max-width: 456px) { ... }
这部分的CSS规则仅适用于最大屏幕宽度为456像素的电脑屏幕、平板电脑或智能手机。
CSS3 Media Queries: https://www.w3.org/TR/css3-mediaqueries/
1) screen 这里指的是设备本身的屏幕（不是 print 因为 print 是常见的）。但这与
@media (min-width: 312px)
只要您指定要加载网站上 screen 的 max-width，就是这样
2) max表示应用以下样式的设备屏幕的最大宽度。
例如：
@media screen and (max-width: 768px){
//These styles will apply only if the screen size is less than or equal to 768px
}
3) 没有终止。如果您有 max 和 min 以及 600px，那么样式将根据代码的位置应用。下面的代码将适用（如果 min 代码在第 10 行，max 代码在第 20 行，那么 max 将起作用）
- 媒体查询检测当前正在使用您的媒体类型 在这种情况下网站是屏幕，所以任何设备 - 你也可以把 specific css for print - 使您的网站适合打印。 使用媒体查询是 RWD 的核心 - 响应式网页设计。
min-width 它说 browser 'please use this block of css rules if your viewport of your browser is min 312px so basically every device 视口尺寸大于 312px.
max-width 它说如果设备的视口大于 456px，请执行此块 css 规则 - 所以所有具有 455px 及以下不会 运行 这个 css 规则。
还有像 @media screen and (min-width: 200px) and (max-width: 1000px) 这样的状态{} - 它的定位设备超过 201px视口大小小于 999 像素。
链接：
https://developer.mozilla.org/pl/docs/Web/CSS/Media_Queries/Using_media_queries