手机网站非常狭窄

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实际上是导致问题的原因。它呈现错误的位置。

编辑 - 更改.gform_body css。它给它left 500px

Answer 2

尝试在HEAD

中添加此代码

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta http-equiv="cleartype" content="on" />

Answer 3

我认为这是html的经典案例，身体不想伸展，但问题在于页面本身。