前端之家收集整理的这篇文章主要介绍了
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.f2er.com/css/221279.html
