当前位置: 首页 > 知识库问答 >
问题:

响应站点无法在移动设备上正确加载,但在桌面上加载宽度较小是

范彭亮
2023-03-14

我有一个问题,那wordpress页面
不正确加载在移动设备上,但在桌面上较小的宽度加载罚款。
我有一个元标记与宽=设备宽度因式规模=1
在我的手机上320px宽度的站点负载约为800px,但当我用320px在桌面浏览器上检查它时,它看起来应该是这样的。
哪里会有问题?

共有3个答案

宋凌龙
2023-03-14

问题解决了。在Js文件中,只要设备有AndroidiOS ect,就行了。使车身宽度为1024px。

巫马修然
2023-03-14

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

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

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

(我编辑了答案,删除了与答案无关的代码)

桓嘉谊
2023-03-14

可能有很多原因。。!

1) 您可能使用了许多CSS(-webkit-、-moz-、-o-、-ms-)动画,其属性仅受浏览器支持。

2)检查最新的Android/移动设备,(这是专为支持所有类型的CSS行为)。

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

4) 使用更多的Java脚本而不是CSS。

5) 如果尚未尝试,请尝试此调试。

 类似资料:
  • 我正在开发这个响应性强的Wordpress网站:http://www.allisoncassels.com/Test/ 还有我的媒体查询有问题。 我为以下断点编写了CSS: 在桌面上,一切看起来都很棒。在我的手机和平板电脑上,有些东西是移动的,有些东西仍然像桌面一样显示(我显示的东西:无显示,分区宽度关闭,等等) 我唯一能弄明白的是,这与我的手机/平板电脑是视网膜显示器有关,但我看不到其他网站必须

  • 我有一个基于Bootstrap ver2 css框架的响应性WP主题。一切都可以在桌面上运行:如果测试的大小不同(针对不同的媒体查询),则没有问题。但如果我在电话上测试,则不会加载媒体查询。有什么问题吗。 网站链接:http://moldovan.szanto-zoltan.com/ p、 s:标题包含此项以适合设备宽度

  • 我正在托管一个。NET Core HTTP应用程序在localhost上使用Kestrel在一些基于浏览器的UI测试的可用端口上,但当尝试使用带有

  • 我有一个网站,必须响应移动电话。我用我的桌面创建了它。当我调整浏览器窗口时,它在手机上工作得很好,但当我在我真正的手机上检查它:三星Galaxy S2时,它对手机视图没有反应。 会有什么问题吗?

  • 问题内容: 我一直在Windows 7 PC上使用libgdx开发一个简单的游戏。最近,我买了一个Macbook Pro(山狮)。我下载并安装了JRE 7和eclipse,然后克隆并导入了该项目。但是,尽管在运行台式机版本时代码中没有错误,但JVM加载并迅速死亡。我在控制台中收到的错误如下: 我已经将JRE 7添加到了构建路径库中,仍然没有乐趣。 桌面通过以下代码启动: 真的卡在这个女士和男士身上

  • 我在网站的首页上有一张封面照片,它在桌面上看起来很好,随着浏览器大小的变化,它的尺寸也在变化,但在移动设备上打开时看起来绝对可怕。