html - 元标记视口(viewport)不执行任何操作

Question

我正在尝试让我的网站在任何移动设备上以全尺寸显示，如本例所示:

截至目前，该网站会自动放大打开，我的客户不喜欢这样。我想添加行

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

会解决这个问题，但它什么都不做。我试过使用 initial-scale 值来查看它是否有效，但它什么都不做。例如，我将它设置为 initial-scale=0.5，它并没有改变页面的显示方式(澄清一下，它在桌面浏览器和移动设备上都不起作用).

我已经为此工作了好几天，非常感谢任何帮助!

编辑:澄清一下，这是我 get 的模型与我的对比 need .

Answer 1

尝试添加以下元标记:

 <meta name="viewport" content="user-scalable=yes">
 <meta name="apple-mobile-web-app-capable" content="yes"/>

并看到您的请求将得到解决。