Html 找到断点，但不确定要使用哪些媒体查询

我已经在我的网站上找到了所有em和px断点，但我不确定要使用以下哪种媒体查询：

• 最大设备宽度
• 最小设备宽度
• 最大宽度
• 最小宽度

例如：在我的网站上，我的导航在43.75em以下。对于我的网站，什么是正确的或最好使用的媒体查询。如有任何建议或建议，将不胜感激。我自学了HTML5和CSS3，但似乎无法理解媒体查询

我当前使用的是“最大宽度”，但当浏览器的大小小于43.75em时，媒体查询似乎无法运行

---

-Luke

由于您的媒体查询不依赖于任何设备，它只依赖于宽度（43.75em），因此您可以这样做

@media (max-width: 43.75em) { ... }

但在em中指定宽度将使其取决于用户设置的浏览器大小。所以，如果您正在设置基本尺寸，它将非常好（genrally people keep 1em=16px），您还可以设置屏幕媒体查询，屏幕适用于桌面和移动设备

@media screen and (max-width: 43.75em) { ... }

---

您希望使用最大宽度，这是因为您试图响应可视区域，这意味着浏览器视口，使用最大设备宽度将使其成为整个设备，这可能会非常不同，具体取决于他们使用的浏览器和浏览器使用的UI。我喜欢使用“最大”而不是“最小”，只是因为当查看我的规则在浏览器宽度增加时的反应时，尝试理解时更容易理解。

Max width将是合适的，您可以检查以更好地理解您的意思。我现在就看一看。此链接仍然没有确切说明哪种媒体查询最适合使用。请检查答案。我目前使用的是“最大宽度”，但当浏览器小于43.75em时，这不会使媒体查询执行任何操作。这不是一个有效的答案，因为我试图避免像素。已将答案更新为移除像素，但呈现相同的点如何设置基本大小？我知道基本大小已经设置为1em=~16pxdo html，body{font size:16px；}或者您可以使用meyer reset css或从基本统一布局开始。执行此操作后，当我调整浏览器大小时，我的网站仍然不响应我的媒体查询。我使用的是最大宽度，但当我调整浏览器大小时，媒体查询无效。