使用 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'/>