检测哪个视图

detect which view?

本文关键字：视图 检测      更新时间：2023-09-26

我在css中使用@media查询进行响应式设计。我只需要一个断点

我如何使用javascript来检测哪个状态的页面是在任何给定的时刻(理想情况下，即使在调整窗口大小)?

基于状态(例如。小于640px宽度或以上)，我想运行不同的js函数。

谢谢

将断点设置为640px，您可以使用以下代码根据当前视图执行不同的函数。

function executeMqDependentCode() {
    var mq = window.matchMedia( "(min-width: 640px)" );
    if (mq.matches) {
        // code for wide screens
    }
    else {
        // code for smaller screens
    }
}

如果您希望在用户调整窗口大小时执行代码，请添加一个事件侦听器:

window.onresize = executeMqDependentCode;

if($(window).width() >= 1024){
  // do your stuff
}

您可以使用jQuery与上面的代码!这里引用

相关文章：