一段css样式在浏览器的toggle device mode模式字体就变大了？

Question

图一是制作的html页面正常在浏览器打开

图二是制作的html页面在浏览器点击toggle device mode打开，打开之后文字由原来的20px变成了34，行高也变大了，但是都是用的同一段css样式，我检查了也没有什么样式冲突。不知道是什么原因造成的？

Answer 1

这是浏览器自动处理的，给元素设置-webkit-text-size-adjust: none;可禁用这个属性，
详细：webkit内核下，字号会自动放大的问题

Answer 2

你设置了这个吗？

<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>

或者js改变了？
仅供参考，相互学习