html - 网站在手机上非常狭窄

Question

出于某种原因，我似乎无法通过搜索互联网找到这方面的帮助……也许我措辞不当。

我以前遇到过这个问题，但现在它在这个网站上:

http://merchantbankingresources.com/

您可以在屏幕截图中看到网站被推到左侧并且非常狭窄。它在 iPhone 4s 上。

Answer 1

页面的适当大小由 viewport 控制元属性。将如下内容添加到您网站的头部会自动将您的网站缩放到设备宽度。

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

放入后用width:100%;可以让你的页面占满整个页面.

编辑- <ul>在你的gform实际上是导致问题的原因。它渲染到错误的位置。

EDIT- 更改 .gform_body CSS。它给它一个 left 500 像素