禁用div缩放，但允许页面缩放（备用div）

小编典典

css

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

基本上，当您在移动设备上缩放时，它也会缩放Header，但是我希望Header始终保持固定大小（不可缩放）。

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

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

阅读 1567

2020-05-16

共1个答案

小编典典

没有聪明的黑客，您将无法做到这一点。

但是，您可以（并且应该）使用以下CSS来修复移动设备上的缩放问题：

header {
    position: fixed;
    ...
}

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

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

2020-05-16