使用 bare css 禁用视口元标记的效果
Disable the effect of the meta tag for viewport with bare css
是否可以使用 bare css 禁用视口元标记的效果?
我的 html 标题中有以下标签:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
现在我在平板电脑上打开 html。我有一张图片,点击后会全屏显示。在未删除元视口之前,我无法在平板电脑上缩放图像。一旦它被删除,我就会得到所需的捏缩放行为。
我了解元视口的工作原理。由于项目的大小(它很大,已经有很多依赖标签的页面)我根本无法删除元标签。
此外,我想避免在图像打开后使用脚本删除标签,并在图像关闭后将其添加回去。
这就是为什么我很感兴趣,也许有人知道 css 解决方案。
谢谢。
您可以使用此代码
<meta name='viewport' content='width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no'/>
是否可以使用 bare css 禁用视口元标记的效果?
我的 html 标题中有以下标签:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
现在我在平板电脑上打开 html。我有一张图片,点击后会全屏显示。在未删除元视口之前,我无法在平板电脑上缩放图像。一旦它被删除,我就会得到所需的捏缩放行为。
我了解元视口的工作原理。由于项目的大小(它很大,已经有很多依赖标签的页面)我根本无法删除元标签。
此外,我想避免在图像打开后使用脚本删除标签,并在图像关闭后将其添加回去。
这就是为什么我很感兴趣,也许有人知道 css 解决方案。
谢谢。
您可以使用此代码
<meta name='viewport' content='width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no'/>