当前位置: 首页 > 面试题库 >

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

岳宣
2023-03-14
问题内容

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

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

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

<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;
    }
}

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



 类似资料:
  • 问题内容: 有谁知道禁用WKWebView中的双击和缩小缩放的简单方法?我没有尝试过的工作: 在html中: 问题答案: 您将必须在脚本中添加最大比例。 以下代码应为您提供帮助:

  • 问题内容: 我需要实现变焦为包含在。我已经通过覆盖方法和调用来成功进行缩放。 这是不正常:对的和的规模如预期,但一定会得到的和这样的寄存器在预分频的位置。我能做什么?感谢您的阅读。 问题答案: 显示了如何使用明确的转化方法扩展鼠标坐标:,,和。)。

  • 本文向大家介绍如何禁止手机端页面缩放?相关面试题,主要包含被问及如何禁止手机端页面缩放?时的应答技巧和注意事项,需要的朋友参考一下 document.documentElement.addEventListener('touchstart', function (event) { if (event.touches.length > 1) { event.preventDefault(); } }

  • 本文向大家介绍如何禁止web端的页面缩放?相关面试题,主要包含被问及如何禁止web端的页面缩放?时的应答技巧和注意事项,需要的朋友参考一下

  • 本文向大家介绍移动端如何禁止用户手动缩放页面?相关面试题,主要包含被问及移动端如何禁止用户手动缩放页面?时的应答技巧和注意事项,需要的朋友参考一下

  • 问题内容: 注意:这与放大时如何渲染现有画布元素有关,而与在画布表面上渲染线条或图形无关。换句话说,这与缩放元素的插值有关,而与在画布上绘制的图形的抗锯齿无关。我不关心浏览器如何画线;我关心的是浏览器在放大时如何渲染canvas元素本身。 是否可以通过编程更改画布属性或浏览器设置以在缩放 元素时禁用插值?跨浏览器解决方案是理想的,但不是必需的。基于Webkit的浏览器是我的主要目标。性能非常重要。