css - 如何在wordpress admin中禁用移动缩放？

Question

所以我从 /wp-admin/admin-header.php 中删除了视口(viewport)，并通过 admin_head 操作安装了我自己的视口(viewport):

add_action('admin_head','CustomHead',1,1);

这是我的视口(viewport)

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

到目前为止工作正常。我对 wp_head 做了同样的事情来测试它，它在前端按预期工作。但它只是在后端被忽略了。

我对视口(viewport)不是很有经验。是否有任何其他技术(禁止)允许在移动设备上缩放？

我知道不建议禁用缩放功能。无论如何，我想知道为什么它不起作用；)

Answer 1

您可以通过在视口(viewport)元中添加 user-scalable="no" 来禁用缩放。

例如:

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

即使禁止用户缩放非常令人沮丧，也可以按照以下方法进行操作。例如，您将只禁用缩放，您可以添加其他设置，例如视口(viewport)宽度等。

这是 a great tutorial来自 css-tricks.com，很好地解释了元视口(viewport)