viewport maximum-scale属性推荐值为5

meta中的viewport告诉浏览器如何控制页面的尺寸和缩放,但是可以通过使用user-scalable="no"来禁用缩放功能。

viewport的中user-scalable="no"属性会禁用页面缩放,对于文档型的页面,浏览器不推荐使用此选项。

原因在于此设置会给视力低下的人带来麻烦,他们往往依靠屏幕放大镜来查看到网页内容。

因此,文档类型的页面不推荐使用user-scalable="no",并且<meta name="viewport">中的maximum-scale参数不应小于2,推荐值不小于5。

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5">

浏览器的viewport焦点不影响程序焦点,但是当窗口很小时,该区域只包含页面的一小部分,所以程序中的焦点不会随着viewport的焦点。

部分视力低下的用户经常选择在浏览器上放大字体,以便阅读web上的文本。浏览器的viewport焦点是在给定时刻,在浏览器窗口中可见的所有内容。在高分辨率显示器上最大化浏览器的,会创建一个较大的viewport焦点区域,此时的viewport有可能是整个web页面。

如果浏览器窗口很小,则视口焦点区域仅包括网页的一小部分。浏览器的viewport焦点不会影响程序化焦点。用户可以在网页上下滚动,但程序焦点不会跟随视口。Web内容可访问性指南要求开发人员设计支持最大200%大小的页面。

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2">