荒谬的CSS媒体查询问题

时间:2014-07-11 23:50:05

标签: css iphone responsive-design media-queries

我很遗憾为什么刚刚上线的网站上的一个页面在iPhone上行为不端(可能还有其他宽度为320到480像素的页面。

我使用过各种以前从未让我失望的模拟器(screenfly& iphone5模拟器)加上我使用浏览器调整大小来测试响应性,由于某些原因,这些方法都没有能够复制这个问题所以我找不到办法纠正问题。我已经清除了缓存并尝试使用其他手机。

问题:

从手机访问(网站已移除)并注意到这是网站上唯一未填满设备屏幕的页面。访问任何其他页面,您将看到其余页面正常填充页面。

如果有人能指出我重现问题的方向(不是在手机上),我可以访问开发者工具,我应该能够自己解决问题。

我已经尝试检查我的代码,看看与其他每个页面相比有什么不同,并且找不到导致问题的原因。

一些帮助将不胜感激。

提前谢谢。

2 个答案:

答案 0 :(得分:0)

在手机上的Google Chrome中,没关系!

检查CSS中响应式和特定浏览器设置的设置。

祝你好运,请给手机拍照。

答案 1 :(得分:0)

好的,我发现了这个问题。能够在联系表单中找到具有固定宽度的div元素,虽然表单中的内容已正确设置,但div正在推动整个页面。