避免这种情况是在html文件中加上移动端元信息
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
initial-scale=1.0 原始缩放大小
maximum-scale=1.0 最大放大程度
,minimum-scale=1.0 最小缩小程度
user-scalable=no 用户不能控制屏幕放大缩小
建议使用用户不能控制缩放是,把原始、最大和最小缩放都调成1.0
文章强调在HTML文件中添加<metaname=viewportcontent=width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no>的重要性,确保用户在移动设备上无法缩放,提供一致的浏览体验。
1万+





