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



如果这两个页面:

  • 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开发人员版中(中打开这些页面,则结果显示它们相同。这是为什么呢?

是的,确实如此。 进入

about:config

在地址栏中查找设置

dom.meta-viewport.enabled

并将其更改为 true。它可以工作,但如果启用Firefox 71,则存在一些UI问题。

最新更新