如果这两个页面:
- 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问题。