Javascript WordPress Twenty14响应主题大小调整不正确

Javascript WordPress Twenty14响应主题大小调整不正确,javascript,css,wordpress,responsive-design,Javascript,Css,Wordpress,Responsive Design,我使用的是对2014年主题稍加修改的版本。它曾经在台式机和移动手机上工作得非常好——这种设计以正确的方式响应 然而,在过去的一周,该网站突然开始在手机上错误地调整大小。它没有使用几乎全宽的主要内容,而是保持约20-30%的间距,并显示背景图像 [我是新来的,所以不允许我粘贴图像] 网站URL为 真正奇怪的是,它似乎在CSS加载后加载了这个更改,这让我觉得可能是JavaScript中的某些东西导致了这样的大小调整,但我一辈子都不知道是什么导致了这样的变化 我不能像平常那样麻烦地解决它,因为当我将它

我使用的是对2014年主题稍加修改的版本。它曾经在台式机和移动手机上工作得非常好——这种设计以正确的方式响应

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

[我是新来的,所以不允许我粘贴图像]

网站URL为

真正奇怪的是,它似乎在CSS加载后加载了这个更改,这让我觉得可能是JavaScript中的某些东西导致了这样的大小调整,但我一辈子都不知道是什么导致了这样的变化

我不能像平常那样麻烦地解决它,因为当我将它调整到移动屏幕大小时,错误不会在桌面浏览器上复制(尽管其他响应功能确实起作用)


有人能看看这个网站,给我一个关于问题的建议吗?

你试过使用移动模拟器吗

通过这种方式进行测试,您可以使用常见的故障排除技术来发现问题

我看不出您在iphone 5上提到的问题:


哪个手机给了你这个问题?

好的-我自己找到了答案

我为类似Facebook的共享框设置了如下样式:

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

因此,它强制调整窗口宽度并调整内容区域的大小。我现在在@media样式规范下对此进行了更改,解决了这个问题。

我认为如果您添加

body {
overflow:hidden;
}
对于自定义CSS,它将修复此问题


希望这有帮助

我在我的Nexus5(Chrome)以及iPhone5和5s(Safari&Chrome)上都看到了这个问题。仿真器显示的结果与我的桌面浏览器调整大小时的结果一样。然而,当你在真实的手机上看到它时,有些东西正在改变