我创建了一个响应式网站,在浏览器窗口中折叠时很好但在移动设备上使用时会显示整个网站?
我的代码中是否有任何人可以发现导致此问题的内容?
请在
下找到托管网站http://onlyukdating.com/daily-breeze/
我通过在我的头标记中使用此标记链接我的样式表
由于
答案 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" />