为什么我的 firefox 响应式设计模式视图看起来不像在 MDN 中?

Why my firefox Responsive Design Mode view doesn't look like it does in MDN?

我不知道为什么我的 firefox 响应式设计模式视图看起来不像在 MDN 中显示的那样?

MDN 视图:

我的看法:

我在 PC 上使用 firefox 53.0.2。

有(至少)两个首选项控制是否显示旧的响应式设计模式 UI 或新的:

  • devtools.responsive.html.enabled需要设置为true=>直接控制是否显示重做的UI。
  • browser.tabs.remote.autostart.2需要设置为true => 控制是否启用multi-process Firefox,新的RDM UI在单进程Firefox中显然不起作用实例。
    要检查是否启用了多进程模式,请转到 about:support 并确保 "Multiprocess Windows" 处的值显示 "Enabled".

可以通过 about:config 更改这些首选项。

注意:启用多进程设置后,将不再起作用。