html - 缩小视口(viewport)

Question

我正在尝试将视口(viewport)缩小到 0.8，以便高度低于 1080。

到目前为止，我已经这样做了:

HTML 头部

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

CSS

@media screen and (max-height:1079px){
    @viewport {
        width: device-width;
        zoom: .8;
    }
}

没有前缀，因为我正在使用 firefox 对其进行测试。有什么想法吗？

谢谢!

Answer 1

既然你提到了 Firefox，问题是 Firefox，从版本 37 开始，does not support @viewport 规则。由于 Firefox 有一个 Unresolved bug关于 2012 年的问题，您可能想尝试一种替代方法，例如将 font-size 减小到 .8em。

如果你检查 Firefox 控制台，你会看到这个 css 错误: