缩小视口

Question

我正在尝试将视口缩小到.8以获得高于1080的高度。

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

HTML HEAD

<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从2012年开始就问题未解决bug，因此您可能需要尝试一种替代方法，例如将font-size缩减为.8em。

如果您检查Firefox控制台，您将看到此css错误：