VS Code Live Server扩展在Chrome中打开标签页默认75%缩放问题求助

快速修复步骤 #

• 重置Chrome站点级缩放设置：启动Live Server打开项目页面，将Chrome缩放调回100%，Chrome会自动记住该站点（含端口）的缩放偏好，下次启动Live Server时就会保持100%缩放。若设置未生效，可右键点击地址栏右侧的缩放控制图标，选择「将此站点的缩放级别重置为默认值」后再调整到100%。
• 检查Live Server自定义浏览器命令：打开VS Code设置，搜索Live Server: Custom Browser Command，确认是否添加了类似--force-device-scale-factor=0.75的缩放参数，如有则删除该参数。
• 重置Live Server扩展配置：在VS Code扩展面板找到Live Server，点击齿轮图标选择「重置设置」，恢复扩展默认配置后重新测试。

问题原因 #

Chrome会为不同的站点（包括localhost的不同端口）单独保存缩放设置，大概率是之前误操作将Live Server打开的页面缩放调整为75%，Chrome记住了这个站点级偏好，而Live Server本身没有内置缩放控制选项，所以每次通过扩展打开页面都会沿用这个设置。

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