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

标签 javascript html css kendo-ui

我构建了一个显示网格的网页。在常规屏幕(笔记本电脑/台式机)上,浏览器处于 100% 缩放级别并且 UI 看起来不错。

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

我不明白这种行为是基于什么或从何而来。是因为分辨率改变了吗?

有什么方法可以确保我的用户界面在连接到大屏幕时不会缩放?

谢谢

最佳答案

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

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

关于javascript - 浏览器自动缩放基于什么?我如何使用 CSS 或 Javascript 进行偏移?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40119048/

相关文章:

html - 无法将 div 定位在其包含的 div 的底部

javascript - 如何提高 JS 滚动性能?

javascript - 按钮-如何将一个按钮移到另一个按钮的右侧

javascript - 如何生成模拟音频信号的随机数据?

javascript - 如何绑定(bind) CSS background-image 属性?

javascript - else if 不打印控制台值

javascript - 媒体查询 JavaScript 也适用于浏览器

javascript - 在 JavaScript 中使用 for 循环向 Facebook 运行多个 ajax 请求并检索页面的点赞时出现问题

javascript - jQuery - 打开 div onLoad

javascript - 涉及HTML和JS的文件下载