如何阻止Chrome响应式调试器更改缩放，固定1366x920尺寸？

• 创建自定义设备配置
  打开Chrome开发者工具（F12），点击设备工具栏的下拉菜单，选择「添加设备」：

  • 设备名称填自定义标识（比如“1366x920调试屏”）
  • 宽度设为1366，高度设为920
  • 设备像素比（DPR）选1
  • 勾选「桌面」，取消「移动」选项
    保存后切换到这个自定义设备，缩放会保持100%，尺寸精准匹配

• 禁用调试器自动缩放逻辑
  点击开发者工具右上角的齿轮图标进入设置：

  • 切换到「设备」选项卡，确保「自动调整缩放以适合」未勾选
  • 再到「外观」选项卡，确认开发者工具自身的「缩放」设为100%（别和响应式视图缩放混淆）

• 简化viewport标签
  替换你当前的viewport标签为更简洁的版本，避免冗余属性冲突：

  <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
  

  桌面端浏览器通常忽略height=device-height这类属性，多余配置反而可能干扰调试逻辑

• 手动锁定视图尺寸
  切换到「响应式」模式，手动输入1366（宽）和920（高），然后点击视图右上角的锁形图标锁定尺寸，这样无论怎么调整开发者工具窗口，视图都会保持设定的尺寸和100%缩放

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