viewport maximum-scale推荐值为5

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

html 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页面。

Web内容可访问性指南要求开发人员设计页面支持最大200%的大小。

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