javascript - 如何在 JavaScript 中表达“max-device-width”和“min-device-width:”？

Question

如果我理解正确的话，screen.width是 JavaScript 的类似物吗

设备宽度

在 CSS 媒体查询中。

什么是正确的 JavaScriptmax-device-width和min-device-width？

Answer 1

CSSmax-device-width和min-device-width运算符是谓词，因此在 JavaScript 中它们将使用关系运算符进行检查：

if (screen.width >= 100)  // (min-device-width: 100)

if (screen.width <= 1000) // (max-device-width: 1000)