【问题标题】:Ridiculous CSS media query issue荒谬的 CSS 媒体查询问题
【发布时间】:2014-09-02 16:41:40
【问题描述】:

我不知道为什么一个刚刚上线的网站上的一个页面在 iPhone 上表现不佳(可能还有其他 320 到 480 像素宽的页面。

我使用过各种从未让我失望过的模拟器(screenfly 和 iphone5 模拟器),而且我已经使用浏览器调整大小测试了响应能力,但由于某种原因,这些方法都不能重现问题,所以我找不到纠正方法问题。我已清除缓存并尝试使用其他手机。

问题:

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

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

我已尝试查看我的代码,以查看该页面与其他所有页面相比有何不同,但找不到导致问题的原因。

我们将不胜感激。

提前谢谢你。

【问题讨论】:

    标签: css iphone responsive-design media-queries


    【解决方案1】:

    在手机上的谷歌浏览器中没问题!

    检查您在 CSS 中有关响应式和特定浏览器设置的设置..

    祝你好运,请提供手机照片。

    【讨论】:

    • 我刚刚在 iphone 4 上添加了 Chrome 的屏幕截图。其余页面都很好,只是这一页似乎将自己强制设置为 70% 宽度。
    • 嘿,如果浏览器有 px x px,在正文和文本框(div)中给出 100% 的宽度。
    【解决方案2】:

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

    【讨论】: