CSDN

原创 前端CSS/JS页面缩放，解决zoom导致Echarts鼠标定位偏移。

有个需求要让不同分辨率都适配到1080P的效果，以15.6寸1080P笔记本为例，页面缩放默认一般是125%，要显示真正的1080P一般是调整浏览器缩放80%（Edge），也有部分浏览器默认时125%则缩放到100%。那么能不能通过CSS实现？我看到主流的处理方法是：确实可以达到效果，但是当使用Echart、Element部分组件时，会出现鼠标定位偏移问题，我就不列举了，因为能查到这里一般是遇到了问题的。那么有没有平替方案呢？当然有：我们通过scale实现的效果和zoom几乎一模一样，同时避免了