firefox - Firefox 响应式设计模式是否默认禁用视口缩放？

Question

如果这两个页面：

• https://internetingishard.com/html-and-css/responsive-design/example/default-viewport-zoom/responsive.html
• https://internetingishard.com/html-and-css/responsive-design/example/disabled-viewport-zoom/responsive.html

在 Chrome 开发工具中打开设备模式，它们看起来不同。它们的区别在于头部的这个标签：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

但是，如果我在 Firefox 中打开这些页面（或者在没有任何附加插件的新安装的 Firefox 开发者版中）打开响应式设计模式，它们看起来是一样的。为什么是这样？

标签： firefoxdevtoolsfirefox-developer-tools

Answer 1

是的，它确实。进入

about:config

在地址栏中查找设置

dom.meta-viewport.enabled

并将其更改为 true。它可以工作，但如果启用了 firefox 71，则会出现一些UI 问题。