如何在桌面瀏覽器開發人員工具上模擬/預覽固定的視口寬度？

Question

我的網站有一個固定的視口寬度設置像這樣：

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

這使得網站「縮水」，以適應設備的寬度，並且效果很好的我在iOS或Android使用任何瀏覽器。

我想知道是否有任何方法可以在Firefox或Safari桌面瀏覽器中以開發人員工具響應模式預覽此功能。我只能在Chrome上預覽。

在Chrome中，它會根據寬度收縮。在Firefox/Safari中，它保持1：1的像素比例。

Answer 1

Firefox的響應式設計模式DevTools目前沒有考慮到<viewport>元素的信息。

此功能在bug 774055中請求。