if (width == "320px" ) {
//Functions
}
//481px to 600px
else if (width == "481px" ) {
//Functions
}
//601px to 768px
else if (width == "601px" ) {
//Functions
}
//769px to 960px
else if (width == "769px" ) {
//Functions
}
//769 to 1024px
else if (width == "961px" ) {
//Functions
}
//1024px+
else {
//Functions
}
这基本上是强制JS完全依靠CSS媒体查询进行工作,使两者同步。这可以变得更具体而不是通用的,而是基于特定元素和在该元素上发生变化的特定样式触发,这取决于个人项目需求。
那么我的问题是,有没有更简单的方法来做到这一点?我花了相当多的时间研究和尝试这个问题,迄今为止似乎这是考虑到旧浏览器的最佳选择。