前端如何处理屏幕放大125% 175%等尺寸？
站长
· 阅读数 14
目前有遇到需要兼容屏幕的放大百分比，主要有125% 150% 175%。采用DevicePixelRatio方案倒是可以解决自己编写的界面，但是一些第三方的ui框架就没有办法兼容，比如element ui等。
回复
1个回答
test
2024-07-17
一般来说遇到这种情况的都是笔记本，或者说是一些高分辨率屏幕。一般来说 125% 和 150% 会比较多。但是还没有遇到过缩放175%的情况。高分辨率的显示器基本上都是没问题的，主要就是小屏幕的笔记本还是 1080p 的就会有缩放很大的情况出现。
其实这种情况，最简单的处理时当检测到页面被缩放时直接提示:检测到你的浏览器目前处于缩放状态，页面可能会出现错位现象，建议100%大小显示
相关阅读
回复
适合作为回答的
- 经过验证的有效解决办法
- 自己的经验指引，对解决问题有帮助
- 遵循 Markdown 语法排版，代码语义正确
不该作为回答的
- 询问内容细节或回复楼层
- 与题目无关的内容
- “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容