WordPress TwentyFourteen响应主题调整不正确

时间:2014-07-04 10:44:50

标签: javascript css wordpress responsive-design

我正在使用2014主题的略微修改版本。它曾经在台式机和手机上完美运行 - 设计以正确的方式响应。

然而,在过去一周,该网站突然开始在移动手机上错误地调整大小。它不会占用几乎全宽的主要内容,而是保持约20-30%的差距并显示背景图像。

[我是新来的,所以它不会让我粘贴图片]

网站网址为http://pink.accuracast.com/

真正奇怪的是,它似乎在CSS加载后加载了这个变化,这让我觉得它可能是JavaScript中导致这样的大小调整的东西,但是我无法做到这一点。我的生活找出可能导致这种情况的原因。

我不能像往常一样麻烦地拍摄它,因为当我将其调整为移动屏幕大小时,错误不会在桌面浏览器上复制(尽管其他响应功能确实会启动)。 / p>

有人可以查看该网站,并就此问题给我一个建议吗?

3 个答案:

答案 0 :(得分:0)

您是否尝试过使用移动模拟器?

以这种方式进行测试可能会让您使用常用的故障排除技术来找到问题。

我没有看到你在iphone 5上提到的问题:http://mobiletest.me/iphone_5_emulator/#u=http://pink.accuracast.com/

哪款手机给你这个问题?

答案 1 :(得分:0)

好的 - 我自己想出了答案。

我为Facebook Like& amp;分享框如下:

.fb_iframe_widget span {
    width: 90% !important;
}

结果,它强制窗口宽度并调整内容区域的大小。我现在已经在@media风格规范下更改了这个,并且已经解决了这个问题。

答案 2 :(得分:0)

在我看来,如果你添加

body {
overflow:hidden;
}

到您的自定义CSS它将解决问题。

希望这有帮助!