我正在尝试将视口(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 对其进行测试。 有什么想法吗?
谢谢!
最佳答案
既然你提到了 Firefox,问题是 Firefox,从版本 37 开始,does not support @viewport
规则。由于 Firefox 有一个 Unresolved bug关于 2012 年的问题,您可能想尝试一种替代方法,例如将 font-size
减小到 .8em
。
如果你检查 Firefox 控制台,你会看到这个 css 错误:
关于html - 缩小视口(viewport),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29608910/