网站在Chrome Mobile中无处不在

Question

我正在为我父亲建立一个网站，除了移动设备的Chrome浏览器（在我的Android Lollipop手机上测试）外，一切都在各处都展示得很好。

我已将宽度强制为1000px，因此没有任何内容可以调整大小或扩展，但似乎它在Chrome for Android上得到了扩展。 Firefox for Android显示一切正常。

说实话，我不知道在哪里寻找，所以我会直接分享我正在谈论的网页：http://tinyurl.com/pu5rmee

Chrome for Android（缩放版）：http://i.imgur.com/rV2XS9K.jpg 适用于Android的Firefox（完美）：http://i.imgur.com/qooxF3r.jpg

由于

Answer 1

Chrome for Mobile增加了字体大小，以提高网站的可读性。要禁用此功能，请在您的头部添加viewport元标记：

<meta name="viewport" content="width=device-width, initial-scale=1">

或通过CSS：

body {
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
}

或者（不建议使用“旧”方式）您可以将父元素max-height设置为某个不合理的大号，例如max-height: 999999px。