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

时间:2017-01-26 02:52:43

标签: viewport firefox-developer-tools safari-web-inspector

我的网站有一个固定的视口宽度设置如下:

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

这使网站缩小了#34;适合设备的宽度,适用于我在iOS或Android上使用的任何浏览器。

我想知道是否可以在Firefox或Safari桌面浏览器中以开发人员工具响应模式预览此内容。我只能在Chrome上预览此内容。

在Chrome中,它会根据宽度缩小。在Firefox / Safari中,它保持1:1的像素比率。

1 个答案:

答案 0 :(得分:0)

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

bug 774055中要求使用此功能。