CSS媒体查询(媒体屏幕)

Question

我有以下关于我的WordPress主题的查询，它们是很多的;/

我是WordPress的新手，所以我不能正确地理解他们，但我相信我会理解你的解释的。

这是我不明白的。

他说:我不明白它们是哪个屏幕的。

他说:我不明白什么是“最大”(，这个是非常奇怪的)

3:最大宽度会终止设置吗？因为我们有600分钟和最多600分钟

这是密码。

​

​

Answer 1

1) screen在这里是指设备本身的屏幕(而不是print，因为print是常见的)。但这和

@media (min-width: 312px)

您只是指定要将max-width的screen放在加载的网站上，仅此而已

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将工作)

Answer 2

屏幕不印在纸上，也不通过扬声器读出。它们是类似于智能手机、笔记本电脑或显示器的屏幕，这些规则适用于所有屏幕(这也符合and的条件)。

麦克斯是一个标准的英语词汇。除非宽度大于定义的最大宽度，否则适用这些规则。它不会终止任何东西，它内部的规则只适用于满足条件时。

因为我们有600分钟和最多600分钟

…有不同的规则。有些在宽度至少为600 no时应用，而有些则在宽度不超过600 no时应用。

Answer 3

使用媒体区，您可以确定您的样式将应用到哪种分辨率上，这意味着如果屏幕大小大于您的数量，则不会应用媒体查询中的样式。同样，如果屏幕尺寸低于您的数字，则不应用样式设置。屏幕意味着当媒体有一个屏幕时，您的样式将被应用，例如，您可以编写打印，而只有当您打印您的网站时，样式才会被应用。