第一次写这个看板页面，屏幕适配咋写啊，百分百情况下页面就是图片这种自我感觉正常的，缩小放大就崩了，监听器也加了，不顶事啊
屏幕适配，echars图适配，怎么搞啊
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
1条回答 默认 最新
阿琰a_ 2024-11-22 14:06关注大屏适配可以考虑整体缩放，可以看一下我这篇博客https://blog.csdn.net/A15029296293/article/details/143921496?spm=1001.2014.3001.5502
解决 无用评论 打赏举报 分享
- 2022-10-27 15:21isyanzu的博客 这里我们把源码中的这段代码改成24，因为pc端设计稿一般是1920*1080，如果是10的话，跟字体192px太大了，导致转换为rem数字太小。接下来，我们在点开vscode的设置，搜索px2rem....到这里，我们就解决了大屏的适配问题。
- 2022-03-03 17:441.vue组件可以使用，反正app.vue包裹其他页面 2.组件里面传一个国定宽高，如1920x1080,里面的内容会更加他自动缩放，放大缩小，自适应
- 2022-01-04 15:18Uxiao7的博客 myEcharts = echarts.init(document.querySelector('#mainMap'), 'dark'); echarts.registerMap('china', china); window.addEventListener('resize', resizeFun); return () => { window....
- 2025-04-13 17:03FE_Jinger的博客 以下是前端ECharts图表大屏适配的详细方案，结合响应式布局、动态配置、性能优化等技术实现多分辨率适配： 一、核心适配技术 1. 响应式布局与容器设置 ◦ 百分比或视窗单位：将图表容器宽度/高度设为百分比（如width...
- 2024-04-06 23:06www2125的博客 前端大屏适配（Vue2+ECharts）
- 2022-10-07 11:47Mr Liuu的博客 top: fontSize(10), right: fontSize(320), itemWidth: fontSize(14), textStyle: { color: "#fff", fontSize: fontSize(20), } } ] 同时监听屏幕尺寸变化，重绘图表即可 import echarts from ...
- 2022-04-08 14:12用了vue - echarts - datav-elementul大屏数据可视化方案，包含屏幕适配方案等比例缩放， 等比例缩放的屏幕适配方法。可以让你不需要大量使用百分比或者转换之类的方法去写屏幕自适应大小，而是可以用部分px直接写...
- 2024-04-24 17:32小砸，哪跑的博客 根据屏幕大小改变echarts图表大小的方法可以了，但是字体并没有根据图表的改变而改变，这里需要再定义一个方法对字体做自适应处理。监听页面的 onresize 事件获取浏览器大小改变的事件，然后调用 echarts的 resize...
- 2022-09-01 17:04Igiveufireworks的博客 echarts移动端设备屏幕尺寸的适配
- 2022-01-06 18:30m0_55918015的博客 适配问题用rem单位，其实也是对屏幕进行切分，按照份数，对应成单位，今天弄了一个小demo，先写一个初始化函数initChart（）初始化一个图表，配置上基本属性，然后再写一个屏幕适配函数screenAdapter（），在vue挂载...
- 没有解决我的问题, 去提问
问题事件
创建了问题
11月22日