给body设置了room属性。
@media screen and (max-width:1400px) {
body {
zoom: 0.81 !important;
-moz-transform: scale(1);
-moz-transform-origin: 0 0;
}
}
然后某个页面引入了echarts,悬浮发生了错位。

解决办法:既然body缩放了,那么渲染echarts图表的div再给他放大回去就好了。
@media screen and (max-width:1400px) {
#myChart {
zoom: 1.19 !important;
-moz-transform: scale(1);
-moz-transform-origin: 0 0;
}
}
当在body元素上设置缩放属性zoom以实现响应式布局时,可能会导致内嵌的Echarts图表错位。为修复此问题,可以通过在包含Echarts图表的div上应用相反的缩放比例,使其在小屏幕设备上恢复正常布局。具体解决方案是在媒体查询中针对Echarts图表的div设置zoom:1.19,以抵消body的缩放效果。

3万+

被折叠的 条评论
为什么被折叠?



