元标记视口不执行任何操作

时间:2013-12-09 12:02:24

标签: html css mobile

我正试图让我的网站在任何移动设备上全面展示,例如:

http://i.stack.imgur.com/otYxl.jpg

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

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

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

我已经在这方面工作了好几天,非常感谢任何帮助!

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

1 个答案:

答案 0 :(得分:0)

尝试添加以下元标记:

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

并且看到它的请求将得到解决。