什么是瀏覽器自動縮放的基礎，如何使用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" />