Html 如何在chrome中禁用页面缩放

如何在我的代码中禁用页面缩放？我的意思是像这样缩放：

注意：我只希望它在chrome中工作

代码如下：

*{
溢出：隐藏；
}
.集装箱{
溢出：隐藏；
证明内容：中心；
对齐项目：居中；
}
.数字自动售票机{
位置：绝对位置；
溢出：隐藏；
顶部：0px；
左：0px；
颜色：#D9D9D9；
字号：2em；
字体系列：Roboto Light；
溢出：隐藏；
高度：1.1米；
背景色：透明；
}
.数字滴答器.数字{
溢出：隐藏；
浮动：左；
线高：1；
过渡：边缘顶部0.75秒缓进缓出；
文本对齐：居中；
}

数字记录器

我以前也遇到过这个问题，我认为Chrome忽略了“用户可伸缩=否”（至少在台式机上是这样）

看看这个答案：

---

适用于可能遇到此恼人问题的人。您只需要在所有尺寸（字体、元素等）中使用

vh

和

vw

，而不是

px

和

em

。。。。这些单位不跟随页面缩放

看看这个答案：它提供了一些防止用户放大不同浏览器的方法。其中一个代码是有效的……试着看看这个答案：