css – 禁用div上的缩放,但允许在页面上缩放(替代div)

有没有办法禁用缩放一个div或网站上的任何特定元素？例如，如果我想要的页面是可缩放的，但不是#Header div，有没有办法使一个可缩放，而另一个不可缩放？

基本上，当你放大移动设备，它放大标题太，但我想要的标题是固定的大小在任何时候(不可缩放)。

我知道你可以使用这段代码来禁用缩放整体：

<Meta content='width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;' name='viewport' />

解决方法

总之：没有聪明的黑客，你不能这样做。

但是，您可以(而且应该)使用以下CSS来解决移动设备上的缩放问题：

header {
    position: fixed;
    ...
}

@media only screen and (max-width: 720px) {
     header { position: absolute; }
}

此代码在显示宽度小于或等于720px时启用position：absolute，并且标题变为页面的一部分，而不是固定在顶部。

原文地址：https://www.jb51.cc/css/221279.html