网站响应式调试：Inspect中选Fit To Window还是100%？

先明确两个选项的核心区别：

• 100%比例：模拟器完全按照设备真实像素（比如三星Galaxy S8+的360x740）渲染，显示的就是设备实际呈现的视觉比例。适合精确调试像素级布局，比如核对元素的宽高、间距是否和设计稿完全匹配，不会有缩放带来的视觉偏差。
• Fit To Window：把模拟器缩放到适配当前浏览器窗口的大小（比如你看到的65%），只是视觉上让你能完整看到页面，实际布局计算依然基于设备真实像素。适合快速预览整体响应效果，不用滚动浏览器窗口就能查看页面在该设备下的模块堆叠、换行逻辑是否合理。

具体选择建议： #

• 如果你要抠细节、验证像素级的布局准确性，选100%比例；
• 如果你只是快速检查页面在该设备下的整体适配情况，Fit To Window更高效。

额外提醒：不管选哪个，浏览器的media query判断都是基于设备真实的viewport尺寸，缩放仅影响视觉显示，不会改变media query的触发逻辑。

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