测试比当前屏幕分辨率更高的网页的最佳方法是什么?

测试比当前屏幕分辨率更高的网页的最佳方法是什么?

我正在制作一个响应式网站,我需要在 2400px 分辨率下测试我的网页的 css、html、javascript 渲染,而我的屏幕只有 1900px。

答案1

如果你在最新版本的 Firefox 中点击Ctrl+ Shift+ M,则会输入响应式设计视图,可以将浏览器视口调整为大于实际屏幕尺寸。从 FF 26 开始,您还可以截取屏幕截图并模拟触摸事件。

RDV 截图
点击查看完整尺寸

缩小窗口后,您可能会发现调整大小更容易 - 您可以一次性拖动调整器。或者只需从下拉菜单中输入自定义预设即可。

答案2

在 Chrome 浏览器中:

  1. F12。这将打开 DevTools。

  2. 点击右下角的设置图标。这将打开 DevTools 设置。

  3. 转到左侧菜单上的“覆盖”。

  4. 检查启用和设备指标。

  5. 输入屏幕分辨率

我一直都在用它,真的很方便。

答案3

你可以尝试一下网站它可以让您以任何屏幕分辨率测试您的网页,它可以让您从预设的分辨率中选择或输入您的自定义分辨率。希望您发现这些内容有所帮助。

答案4

在视频卡的控制面板中添加自定义屏幕分辨率。

相关内容