我刚刚下载了Bootstrap框架,并构建了一个简单的页面,对CSS进行了少量更改,以及PHP学院教程。我发现在我的桌面上,窗口根据框架的响应功能调整大小。但在移动设备上,它只是复制了一个桌面版本 - 没有移动菜单,没有响应内容,即使头部有这个元标记:
<meta name-"viewport" content="width=device-width, initial-scale=1.0">
类似帖子的响应者推荐了这个:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
但对我来说,这也没有用。
答案 0 :(得分:1)
添加此完整行可修复此问题。该网站现在调整大小并提取移动菜单:
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">