如何在桌面浏览器开发人员工具上模拟/预览固定视口宽度

Question

我的网站设置了一个固定的视口宽度，如下所示：

<meta name="viewport" content="width=1260px, maximum-scale=1">

这使得网站"缩小"以适应设备的宽度，并且在我在iOS或Android上使用的任何浏览器上运行良好。

我想知道是否有任何方法可以在Firefox或Safari桌面浏览器中的开发人员工具响应模式下预览它。我只能在Chrome上预览它。

在铬中，它会根据宽度缩小。在Firefox/Safari中，它保持1：1像素比例。

Answer 1

Firefox DevTools 的响应式设计模式目前不考虑<viewport>元素的信息。

此功能在错误774055中请求。