网站在手机上很窄

出于某种原因，我似乎无法从搜索互联网上找到这方面的帮助......也许我的表述不是很好。网站在手机上很窄

我已经想出了这个问题之前，但现在它这个网站上：

您可以在该网站推到左边，很窄的截图中看到。它在iPhone 4s上。

2015-10-19 Joel Worsham

尝试在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" />

来源

2015-10-19 13:31:41

添加该代码的页面的适当的大小是由viewport元属性控制。将以下内容添加到您网站的头部会自动将网站扩展到设备宽度。

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

加入后，您可以使您的页面占据整个页面width:100%;。

EDIT-您的gform中的<ul>实际上是导致问题的原因。它渲染到一个错误的位置。

EDIT-更改.gform_body css。它给了它 500px

来源

2015-10-19 13:38:19 prakhar19

感谢您的回答;不幸的是，这已经添加到页面。这绝对是我期待的第一件事。 –

我编辑了答案。 – prakhar19

我重新编辑它。以前的答案有错误。 – prakhar19

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

来源

2015-10-19 13:53:40

网站在手机上很窄

回答

相关问题