javascript - 如何表达 "max-device-width"和“min-device-width : in JavaScript?

Question

如果我没有理解错的话，screen.width 是

的 JavaScript 模拟

device-width

在 CSS 媒体查询中。

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

Answer 1

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

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

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