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

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/