Question

我可能只是遗漏了一些东西，但这个元标记都没有：

<meta id="gameViewport" name="viewport" content="width:device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0, minimal-ui, target-densityDpi=device-dpi">

也不是这些css3指令：

@-webkit-viewport {
    height: 704px;
    width: 1280px;
}
@-viewport {
    height: 704px; 
    width: 1280px;
}
@viewport {
    height: 704px; 
    width: 1280px;
}

似乎完全没有任何区别，chrome和ff不会响应地改变视口。还有另一种方法我应该这样做吗？因为我能够使用非常简单：

@-ms-viewport {
    height: 704px;
    width: 1280px;
}

css3指令得到我想要的但显然在其他浏览器上不支持？我做错了什么，或者有更好的方法来实现同样的东西，即在其他浏览器中？我正在处理的网站位于此处：damiankulp.com/damian/gallery/protobox

Answer 1

不确定，但content="width=device-width, ..."代替content="width:device-width, ..."可能有帮助。

使Chrome和Firefox显示视口

1 个答案: