响应式网站无法在移动设备上运行答案

【问题标题】：Responsive site not working on mobile响应式网站无法在移动设备上运行
【发布时间】：2015-02-05 00:14:43
【问题描述】：

我创建了一个响应式网站，在浏览器窗口中可以正常折叠，但在移动设备上使用时会显示整个网站？

是否有人可以在我的代码中发现导致此问题的任何内容？

请在下面找到一个托管站点

http://onlyukdating.com/daily-breeze/

我通过在我的 head 标签中使用这个标记来链接我的样式表

谢谢

【问题讨论】：

请在此处添加有意义的代码和问题描述。不要只链接到需要修复的站点 - 否则，一旦问题得到解决，这个问题将对未来的访问者失去任何价值。发布证明您的问题的Short, Self Contained, Correct Example (SSCCE) 将帮助您获得更好的答案。有关详细信息，请参阅 Something on my web site doesn't work. Can I just paste a link to it? 谢谢！

标签： html css mobile responsive-design

【解决方案1】：

将此添加到文档的头部

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

来自 MDN：https://developer.mozilla.org/en/docs/Mozilla/Mobile/Viewport_meta_tag

【讨论】：

【解决方案2】：

@Iharby 回答是正确的，但是如果你想睡个好觉我认为你应该多加一点：

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />

【讨论】：

不知道为什么，但这有效，而另一个答案（到处给出的答案对我不起作用）