Css 如何在html中为高分辨率屏幕设置媒体查询

我有一个问题。如何为高分辨率屏幕（如4k、5k、视网膜显示器等）设置媒体查询。正如我所读到的，我知道我们可以使用特定分辨率的媒体查询。但我有一个疑问，即如何理解4k 5k屏幕的断点，以及如何知道它们对未来高分辨率屏幕的可靠性。

---

有人能建议如何在高分辨率屏幕上使用CSS吗？

如果您使用相对单位（em，或rem），它将使您能够对元素进行同等缩放，并编写最小的媒体查询

编辑：

在本例中，您可以看到如何使用em：

.parent{
背景：红色；
字体大小：20px；
填充：1em；
}
.孩子{
边缘：1米；
字体大小：15px；
}
.孩子{
左边距：1米；
字号：2em；
}

你好，世界！
一些文本

如果使用相对单位（em或rem），则可以对元素进行相等的缩放，并编写最小的媒体查询

编辑：

在本例中，您可以看到如何使用em：

.parent{
背景：红色；
字体大小：20px；
填充：1em；
}
.孩子{
边缘：1米；
字体大小：15px；
}
.孩子{
左边距：1米；
字号：2em；
}

你好，世界！
一些文本

你能再详细说明一下吗。。这是否意味着在rem/em中进行媒体查询？em/rem是相对值。例如，如果使用em，则需要为父元素font-size属性指定（font-size:20px），这意味着所有子元素的1em=20px。但是，如果您再次为某个子字体大小定义，那么他的所有子字体都将有一个相对于它的值。如果您使用rem-这意味着您希望具有相对于根元素（html）的大小。您只需要为html标记设置大小，例如font size:14px，这意味着1rem=14px在某些媒体查询中，您可以重新定义它的值，并且它们将在任何地方按比例更改。感谢Andrew的回答，但我正在寻找的是要使用的媒体查询。。em/rem值是我非常熟悉的now@Shruti我认为媒体查询没有这样的选项，但相对值让我们有可能按比例缩放，请进一步详细说明。。这是否意味着在rem/em中进行媒体查询？em/rem是相对值。例如，如果使用em，则需要为父元素font-size属性指定（font-size:20px），这意味着所有子元素的1em=20px。但是，如果您再次为某个子字体大小定义，那么他的所有子字体都将有一个相对于它的值。如果您使用rem-这意味着您希望具有相对于根元素（html）的大小。您只需要为html标记设置大小，例如font size:14px，这意味着1rem=14px在某些媒体查询中，您可以重新定义它的值，并且它们将在任何地方按比例更改。感谢Andrew的回答，但我正在寻找的是要使用的媒体查询。。em/rem值是我非常熟悉的now@Shruti我认为媒体查询并没有那个选项，但相对值让我们有可能按比例修正语法错误，修正语法错误。