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

前端之家收集整理的这篇文章主要介绍了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,并且标题变为页面的一部分,而不是固定在顶部。

猜你在找的CSS相关文章