transform-origin 是 CSS 属性，用于指定元素的变换（比如旋转、缩放、平移等）的原点位置，即元素围绕哪个点进行变换操作。在你提供的样式中，transform-origin 设置为 left top，这意味着元素的变换原点位于元素的左上角。缺点：1.因为是根据 ui 稿等比缩放，当大屏跟 ui 稿的比例不一样时，会出现周边留白情况 2.当缩放比例过大时候，字体会有一点点模糊，就一点

transform-origin 是 CSS 属性，用于指定元素的变换（比如旋转、缩放、平移等）的原点位置，即元素围绕哪个点进行变换操作。在你提供的样式中，transform-origin 设置为 left top，这意味着元素的变换原点位于元素的左上角。缺点：1.因为是根据 ui 稿等比缩放，当大屏跟 ui 稿的比例不一样时，会出现周边留白情况 2.当缩放比例过大时候，字体会有一点点模糊，就一点

问题引入：可视化数据大屏需要适配各种大屏尺寸2K：2560*1440 左右4K：3840*2160 左右8K：7680*4320 左右① 大屏使用rem 耗时 而且对浏览器最小字体不支持，② 使用transform:scale可以节省百分之九十工作量③ 好处不多说：看一篇文章 学习一下 咱们再来实战！优点：前期可以直接写页面，后期直接加上组件就行了，不用适配，直接用px写缺点：在和比设定例不一样的