为什么使用maximum-scale可能会损害页面的可访问性
对于视力低下的人来说,错误使用"viewport"元标签可能会导致严重的可访问性问题。
对于大多数情况来说,最常见且正确的设置如下所示。然而,有些网站可能会像第二个示例那样,在其元标签中使用maximum-scale=1.0
:
<!-- 在大多数情况下是正确的 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- 在大多数情况下是错误的 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
之所以这是一种不好的做法,是因为maximum-scale=1.0
会禁用某些移动设备上的捏合缩放功能,迫使人们以某种方式查看网站,并且无法进行缩放。这正是您应该避免的原因,以满足用户的需求并提供更好的用户体验。
另外,即使您有某种特殊原因需要应用此设置,您应该知道,某些浏览器和设备组合(如Android上的Chrome)可能会遵循元标签的建议,而其他一些组合(如iOS 10)则完全忽略该建议,因此您应该意识到您可能无法为所有用户提供一致的用户体验。