html - 如何测试视口元标记的效果？

Question

我正在改进 Web 应用程序的可访问性，我发现的关键问题之一是此标签的存在user-scalable=no和中：maximum-scale=1.0

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

我理解为什么这些属性是一个可访问性问题，并想删除它们，但想测试属性的“前后”效果以及这些属性的缺失。但是，我无法弄清楚如何进行测试。我的理解是，这些属性的存在将阻止用户，例如缩放页面、放大字体等。但是，在有问题的应用程序中，它们似乎对这些事情没有任何影响：我能够在 Chrome 和 Safari 中的移动和桌面上缩放、放大字体等。

如何测试 和 的影响，user-scalable=no以便maximum-scale=1.0解决删除属性可能产生的任何问题？

标签： htmlaccessibilityviewportmeta-tags