是否需要修改viewport meta标签避免智能手机默认小缩放？

首先明确：你看到的文档中关于initial-scale=0.86的描述是仅针对2015年及之前发售的部分老旧安卓机型的特殊兼容方案，不是当前响应式网站的通用配置标准，完全不需要为了这个配置修改你现有的正常逻辑。

关于0.86缩放值的背景说明 #

将initial-scale和minimum-scale值设为0.86，可取消多数智能手机默认应用的小缩放效果，实现任意横竖屏场景下均无横向滚动条，同时用户仍可按需放大页面。

这段描述对应的是早期部分安卓设备系统浏览器的一个历史bug：这类设备在设置initial-scale=1时，会错误地将布局视口宽度计算为比实际物理渲染宽度窄8%左右，导致页面右侧被裁切、出现横向滚动条。0.86这个值是专门用来抵消这个计算偏差的，对应的配置为：

<meta name="viewport" content="width=device-width, initial-scale=0.86, maximum-scale=5.0, minimum-scale=0.86">

这个bug在2016年之后的所有安卓、iOS设备的内置浏览器、主流App WebView中都已经被修复，现在市面99.9%的活跃设备都不存在这个问题，这也是行业内几乎看不到0.86实际应用的核心原因。

你需要了解的注意事项 #

• 你当前使用的initial-scale=1是当前行业通用的标准配置，只要在主流测试设备上没有出现缩放、横向滚动条问题，就完全不需要调整，强行更换为0.86反而会带来副作用：会和响应式断点的计算逻辑冲突，同时导致开启了系统字体放大的用户看到的页面文字更小，影响可读性。
• 如果你的业务确实需要兼容极少量的老旧安卓机型，可以单独通过UA判断的方式，仅给这些设备输出0.86的缩放配置，不要全局生效。
• 移动端出现横向滚动条、异常缩放的问题，90%以上的原因是页面内存在未做自适应的固定宽元素（比如宽度大于320px的图片、未做响应式处理的表格），和viewport初始缩放值无关，排查时优先检查元素宽度设置即可。
• 不要在viewport配置中添加user-scalable=no或maximum-scale=1.0，这会剥夺视障用户放大页面的权限，不符合可访问性规范，也会触发部分浏览器的兼容性警告。

内容的提问来源于stack exchange，提问作者Elo