响应式网站不在移动设备上工作

时间:2015-02-04 16:10:50

标签: html css mobile responsive-design

我创建了一个响应式网站,在浏览器窗口中折叠时很好但在移动设备上使用时会显示整个网站?

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

请在

下找到托管网站

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

我通过在我的头标记中使用此标记链接我的样式表

由于

2 个答案:

答案 0 :(得分:2)

将此添加到文档的头部

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

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

答案 1 :(得分:1)

@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" />