我正在为我创建的 iOS 应用制作一些截图。由于我的 Macbook 速度太慢，无法有效运行模拟器，因此我想使用 Chrome 的 Dev Tools 之类的工具在浏览器中创建截图。
Apple 指南说明我需要提交非常具体的尺寸。例如，3.5 英寸屏幕需要的屏幕截图如下：
高分辨率肖像（无状态栏）最低 640 x 920 像素
于是我进入 Chrome 的开发者工具并打开屏幕尺寸模拟。我从列表中选择“iPhone 4”。预览与我在实际的 iPhone 4 上看到的一致，因此我截取了一张屏幕截图，但生成的文件只有所需尺寸的一半（320x460）。
因此我将设备设置为“响应式”并输入 640x920，但现在由于媒体查询的启动，预览与我的实际 iPhone 不匹配。
我可以强制 Chrome（或 Firefox，或任何浏览器）将内容显示为 640x960，同时使用 320x460 的媒体查询样式吗？
我在 Firefox 中尝试过，发现如果我设置尺寸，然后将缩放比例设置为 200%，它就会与我的实际 iPhone 4 相匹配，但当我截屏时，尺寸又回到 320x460。即使我将尺寸翻倍（1280x1920）并将缩放比例设置为 400%，它也会再次回到 320x460
答案1
我设法使用 Firefox 47.0 解决了这个问题。您可以在开发人员工具设置菜单中启用第二个“屏幕截图”按钮。
此按钮（与“响应模式”屏幕截图按钮相反）支持缩放设置，因此将视口设置为 640 x 920，然后放大到 200%，然后使用开发工具屏幕截图按钮，我就可以截取与 Apple 推荐尺寸完全匹配的屏幕截图。
对于 5.5 英寸的屏幕，我需要将缩放比例设置为 400%，但仅此而已。
