在模拟器模式下关闭Chrome的自动调整文本

Question

Chrome（v40）有一个模拟器＆＃34;功能＆＃34; described thus：

• 为没有定义视口的页面自动调整（增强）文本。

但是，我有一个页面（带有一个已定义的视口），它可以缩放我的字体大小。这使得所有字体大小完全不同于实际设备（iOS的几个版本，它们不缩放它们）。

一些搜索结果显示，如何更改此设置有多种变体（例如DevTools -> Settings -> Override tab和DevTools -> Emulation -> Screen - 从v40开始都不存在。我目前无法找到解决此功能的方法。

由于设计原因，我的视口定义为（我需要它不缩放并开始缩小）：

<meta name="viewport" content="width=1000" />

那么是否有一些复选框或chrome：// flags设置我可以更改为关闭或覆盖它？

Answer 1

在slightly related SO answer上找到的一种解决方法是将要缩放的元素的最大高度设置为非常大（例如100000像素）。

因此，出于测试目的，我可以将其添加到CSS中并解决此问题：

* { max-height: 100000px; }

我仍然喜欢在某个地方明确地将其关闭。

Answer 2

单击devtools中的抽屉控制台图标（或点击 Esc ），然后转到“模拟”选项卡。

然后弹出“Emulate Mobile”复选框。它会进行自动调整和其他一些操作。