响应式网站无法在移动设备上正确加载，但在宽度较小的桌面上是

Question

我遇到了一个问题，即wordpress page
不能在移动设备上正确加载，而是在宽度较小的桌面上正常加载 我有width=device-width和inicial-scale =1的元标记 在宽度为320px的手机上加载大约800px，但是当我在桌面浏览器上用320px检查它时，它看起来应该如何。
哪里可能有问题？

Answer 1

可能有很多原因......！

1）您可能使用了许多CSS（-webkit - ， - moz - ， - o - ， - ms-）动画，其属性仅由您的浏览器支持。

2）检查最新的Android /移动设备（设计用于支持所有类型的CSS行为）。

3）检查您的媒体查询，如果您使用的是Chrome，则可能只使用了webkit。 您最好使用所有属性来支持所有类型的浏览器（ - webkit - ， - moz - ， - ms - ， - o - ）。

4）使用比CSS更多的JavaScripts。

5）如果您没有尝试过，请尝试this进行调试。

Answer 2

您的网页正在以适当的宽度加载。加载后，一些代码执行并调整窗口大小。我在你的JS代码中注意到以下内容：

        if ( tribe_ev.data.v_width <= tribe_ev.data.mobile_break ) {
            $body.addClass( 'tribe-mobile' );
        }
        else {
            $body.removeClass( 'tribe-mobile' );
        }

我设置了一些断点来测试它，这就是调整大小的地方。

（我编辑了我的答案并删除了与之无关的代码）

Answer 3

问题解决了。 在Js文件中，只要设备有Android iOS等，就行了。使体宽1024px。