vue做大屏自适应

mounted() { this.setScale(); window.addEventListener("resize", this.setScale); }, beforeDestroy() { window.removeEventListener("resize", this.setScale); }, methods: { setScale() { const baseWidth = 2118; const baseHeight = 1080; const scaleX = window.innerWidth / baseWidth; const scaleY = window.innerHeight / baseHeight; const scale = Math.min(scaleX, scaleY); const adapter = this.$el; adapter.style.transform = `scale(${scale})`; adapter.style.transformOrigin = "left top"; adapter.style.width = baseWidth + "px"; adapter.style.height = baseHeight + "px"; adapter.style.position = ""; adapter.style.left = ""; adapter.style.top = ""; // adapter.style.background = "#0a1a2a"; adapter.style.overflow = "hidden"; } } 配置上ai进可以做出1920*1080下面的所有图图表的自适应；