什么是浏览器自动缩放的基础，如何使用CSS或Javascript进行偏移？

Question

我建立了一个显示网格的网页。 在常规屏幕（笔记本电脑/台式机）上，浏览器处于100％缩放级别，并且用户界面看起来不错。

但是，当我将笔记本电脑连接到投影仪时，浏览器会自动将缩放百分比设置为125％，并且一切都变大，滚动条随处可见。

我不了解这种行为是基于什么或它来自何处。 是由于分辨率变化吗？

当我连接到大屏幕时，是否可以确保UI不会缩放？

谢谢

Answer 1

通过设置viewport元标记，您应该能够避免在某些屏幕上缩放

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