通过CSS设置Windows曲面RT的视口

我正在为移动设备，特别是平板电脑制作一个网站。要设置视口，我将使用meta标记控制缩放范围：

<meta name="viewport" content="width=device-width, maximum-scale=1.8, minimum-scale=0.63"/>

这是从我的CSS文件。我不熟悉媒体查询，所以我不知道代码是否正确，或者我只是在语法或其他方面犯了一些错误。我也试过：

@media all{
@-ms-viewport{
    minimum-scale: 0.63;
    maximum-scale: 1.8;
    min-zoom: 0.63;
    max-zoom: 1.8;
}
@viewport{
    minimum-scale: 0.63;
    maximum-scale: 1.8;
    min-zoom: 0.63;
    max-zoom: 1.8;
}}

---

也不行。那么，有没有人能找到控制曲面缩放范围的解决方案？或者有人看到我犯的错误了吗？

我们在surface平板电脑上测试新的Responsive站点时遇到了类似的问题，我们使用以下标签解决了这个问题

@-ms-viewport { width: device-width; }

然而，我们的初始和最大比例被设置为1，我们不会试图改变它们

查看此处@ms viewport的MSDN文档，它似乎不支持使用视口规则设置缩放，因此您可能无法更改此设置

---

根据文档，这些只能在标准的@viewport规则上设置，目前还不知道哪些浏览器支持它们。

是的，这也让我感到困惑！我无法将我的“即将到来”页面滚动到surface RT的屏幕上。 我尝试了

“@-ms viewport”

，运气不太好，所以我进入了实验模式，找到了解决问题的方法

我的CSS中有以下内容

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

技巧是

overflow-x:hidden。。。当我把它放在IE11（包括metro和desktop）的桌面上时，RT就允许我滚动到屏幕之外（不动产！）

我希望这能有所帮助。
另外，WP8上的IE10支持META标记，因此如果使用@ms viewport规则来更改值，您必须为WP8用户（比如我自己）添加一个hack
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}