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

【问题标题】：Viewport userscalable for laptop/desktop可用于笔记本电脑/台式机的视口用户可扩展
【发布时间】：2013-09-10 14:40:43
【问题描述】：

有没有办法限制用户在笔记本电脑/台式机上放大/缩小网页

我尝试编写以下代码：

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

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

【问题讨论】：

【解决方案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/ 检查您的网页

【讨论】：