【问题标题】:How to disable Zooming my website on Computer (using Ctrl + scroll) [duplicate]如何禁用在计算机上缩放我的网站(使用 Ctrl + 滚动)[重复]
【发布时间】:2022-02-05 22:24:49
【问题描述】:

我想让我的网站不可缩放。就像当我按下 Ctrl+Scroll 时,大多数网站会缩放 %,但我想禁用它。 你们有任何解决方案或想法如何使其成为可能吗?我看到一个我无法缩放的页面,他就是它:https://layouts.b3multimedia.ie/free-divi-layouts/finance/

感谢您的任何建议。

【问题讨论】:

标签: javascript html css web viewport


【解决方案1】:

您可以在head 标签中输入一个称为元视口标签的特殊meta 标签,如下所示:

<head>
  <meta name="viewport" content="width=device-width, initial-scale=1, user-scaleable=no">
</head>

以防止人们放大您的页面。注意user-scaleable=no 位。

但是,某些浏览器会自动覆盖它。事实上,在任何情况下都应避免禁用缩放,因为它会产生可访问性问题(如 cmets 中提到的A. Haworth)。

【讨论】:

  • 谨慎使用它,因为在某些系统上它仍然会阻止缩放(尽管 IOS 自 10 版以来忽略了它进行缩放缩放,但我认为它可能仍然适用于某些 Android 浏览器)。这会产生应避免的可访问性问题。
  • 谢谢你,很抱歉(非常)迟到的回复,但我已经相应地更新了答案。
猜你喜欢
  • 1970-01-01
  • 2013-05-26
  • 2011-02-21
  • 2012-02-24
  • 2023-03-27
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-02-20
相关资源
最近更新 更多