html - 可用于笔记本电脑/台式机的视口用户可扩展

Question

有什么方法可以限制用户在笔记本电脑/台式机上放大/缩小网页

我尝试制定以下代码：

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

这在移动设备上运行良好，但在笔记本电脑/台式机上失败。

Answer 1

视口元标记不影响桌面浏览器。它纯粹是针对移动浏览器的。

您可以使用以下 CSS 来尝试防止桌面浏览器中的文本缩放：

<style type="text/css">
-webkit-text-size-adjust:none;
-ms-text-size-adjust:none;
-moz-text-size-adjust:none;
text-size-adjust:none;
</style>

然而，这只是实验性的，并没有得到广泛的支持；参见 Moz 开发者网络：https ://developer.mozilla.org/en-US/docs/Web/CSS/text-size-adjust

就个人而言，我认为阻止用户放大浏览器会导致糟糕的可访问性。一些用户需要放大才能使用网络上的内容。

如果您有兴趣创建一个功能正常且仍可访问的网页，请查看 W3 可访问性指南：http ://www.w3.org/WAI/intro/accessibility.php并使用 Wave 检查您的页面：http： //wave.webaim.org/