分享一下大屏自适应解决方案

作者: 远方os分类: 计算机技术 发布时间: 2024-04-25 18:51:05 浏览:7220 次

分享一下大屏自适应解决方案

喵嗨呀:
scale在超大尺寸和异形屏下有失真模糊等问题,个人推荐在css预处理时添加自定义函数,将设计稿尺寸转化为vw/vh单位的尺寸,全面避免缩放导致的模糊等问题,再补一句,字号也能用vw作为单位配置自适应屏幕大小

【回复】但是使用vw,图表内部布局也会存在错位,尺寸计算存在误差的问题
【回复】能偷懒就偷懒,scale代码量最少,模糊失真很小 。
【回复】回复 @Buwenz : 我用的zoom,解决了失真模糊的问题。而且代码都不用大改。
世某人请你敲烂键盘ok:
缩放的方案在做一些3d的时候是有问题的,我之前在开发cesium的时候,在三维中拾取是有问题,我想应该在threejs拾取也有同样的问题。在三维场景中是一般来说是不考虑缩放问题,尤其是你自己写的缩放方案(不是浏览器原本的缩放 )

Bingo新生代码农:
如果是笔记本投屏到大屏幕的那种,不知道大家怎么适配的

qiuyefeihong:
这种方案的echarts的事件我记得好像是会出问题

【回复】确实有问题,写的时候我真的要被搞崩溃了
电石QwQ:
酷啊[星星眼][星星眼][星星眼][打call][打call]

isNewITTwo:
你这算哪门子的自适应呀。你都留白的

【回复】那你也可以按照你的办法写喽
小郭hhgg:
这个vscode字体是什么呀,很清晰的感觉

Ccdev超:
请问这种不还是出现了页面两边留白的情况吗?

数据可视化 可视化 前端 大屏 自适应 vue vue3

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

更多相关阅读