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

标签 javascript css media-queries

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

的 JavaScript 模拟

device-width

在 CSS 媒体查询中。

什么是 max-device-widthmin-device-width 的正确 JavaScript?

最佳答案

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

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

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

关于javascript - 如何表达 "max-device-width"和“min-device-width : in JavaScript?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16566789/

相关文章:

iphone - Iphone 7 和 7 plus 的 CSS 媒体查询

html - 为什么@custom-media在sass中没有应用各自的样式

javascript - 用另一个对象替换嵌套对象

javascript - nodejs回调代码已同步

jquery - 如何隐藏然后向左滑动搜索框?

javascript - sap.m.PlanningCalendar : How to hide or skip weekends

css - 带图像的对 Angular 线剖面

media-queries - 如何使用Modernizr检测是否存在媒体查询

javascript - AngularJs:具有动态 Controller 名称的 $routeProvider 将不会加载

javascript - Node-Red - 访问受密码保护的 SQLite 数据库