禁用div上的缩放,但允许缩放页面(备用div)

Question

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

基本上,当您放大移动设备时,它也会缩放标题,但我希望标题始终是固定大小(不可缩放).

我知道您可以使用此代码来禁用整体缩放:

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

Answer 1

没有聪明的黑客,你不能这样做.

但是,您可以(并且应该)使用以下CSS来修复移动设备上的缩放问题:

header {
    position: fixed;
    ...
}

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

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