Android 移动网站的jQuery问题

我有一个关于JQuery的问题。我正试图设计我的网站的移动部分，我遇到了一个错误。所以我有3种不同屏幕尺寸的CSS（480、平板电脑类型和默认）。移动版更像是一个带有jQuery的平铺布局，但我只想让它与移动480屏幕大小配合使用。我是这样做的

$(document).ready(function () {
    if ($(window).width() < 481) {

$（文档）.ready（函数（）{
如果（$（窗口）.width（）<481）{

---

我发现的错误是，如果我在手机上，以纵向模式加载站点，然后将屏幕转到横向模式，css会正确更新，这样它就不再做平铺类型，而是做更多的列，但是jQuery仍然在工作，我可以切换我不想切换的内容，只有平铺设置。还有吗要做到这一点吗？如果我以横向模式加载我的站点，jQuery不会加载（这很好），只有在我切换时才会加载。我知道这是因为它在页面加载时检查屏幕大小，但有人想到了解决方法吗？

因为您使用的是相同分辨率的媒体查询，下面是我要做的

在Jquery中，测试媒体查询更改。例如，假设您有：

 @media (max-width: 480px) { 
      #someDiv {
          display:none;
     }
 }

在JQuery中，您可以执行以下操作：

 if($("#someDiv").css("display") == "none") {
     // do whatever you want in Javascript that will only be run if that css media query is triggered
 }

---

在执行切换代码之前，再次运行您的

if

测试。您是否以相同的分辨率在css中运行媒体查询？是的，css工作得很好，但我让jquery进行一些切换，以使其在移动版本上更容易，但这意味着当您切换到横向模式时，我的一些内容丢失，因为您必须这样做切换到此处测试媒体查询更改听起来正是我需要做的，你能解释一下吗？听起来不傻，但如果我设置display:none；它甚至不会显示吗？这只是一个如何在javascript中查看媒体查询是否被触发的示例。我不是说要这样做。在JS测试中您在媒体查询中所做的更改。