html - 如何阻止一个人通过 css 或 html 缩放的能力

标签 html css

我试图阻止在我的网站中放大(放大或缩小)的选项。 我试着把这个元代码:

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

可惜没有成功... 有什么想法吗?

最佳答案

你应该添加maximum-scale=1.0

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

但它适用于移动设备。

如果你使用的是桌面,那就有点复杂了。您可以使用 javascript 来阻止某些键。以下是一些有用的链接:

  1. Prevent zoom cross-browser

  2. Disable zooming of the page in desktop web browsers using Javascript/Jquery [duplicate]

关于html - 如何阻止一个人通过 css 或 html 缩放的能力,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42698739/

相关文章:

html - 有没有办法将图像的来源设置为 Font Awesome 图标

javascript - 使用下拉菜单过滤 ng-repeat 而不复制下拉选项

php - CSS 颜色在 HTML 电子邮件中丢失

javascript - 上传后裁剪图像

蓝色边框后的 CSS (bootstrap) 行(附示例)

html - 如何添加元属性 ="og:locale"内容 ="?"

html - 如何强制行及其列使用​​其父元素 (jumbotron) 高度的 100%

html - 如何将一些文本并排放置在图像上(内联 block )

html - 为什么float元素不会计算为div高度的一部分?BFC可以!CSS规范哪里说的?

javascript - JQuery 在点击时隐藏/显示多个 div 的内容