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

What is the browser auto-zoom based on and how can I offset using CSS or Javascript?

本文关键字：CSS 何使用 Javascript 缩放于什么什么浏览器更新时间：2023-09-26

我建立了一个显示网格的网页。在普通屏幕上(笔记本电脑/台式机)，浏览器是100%缩放级别，UI看起来很好。

然而，当我把笔记本电脑连接到投影仪上时，浏览器会自动将缩放%设置为125%，所有东西都变大了，到处都是滚动条。

我不明白这种行为是基于什么或它来自哪里。是因为分辨率的改变吗?

是否有一种方法，让我确保我的UI不缩放时，我连接到一个大屏幕?

谢谢

您应该能够通过设置viewport元标记

来避免在某些屏幕上缩放。

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