文章讲述了使用transform:scale()缩小图片时，意外出现了不同预期的样式。作者分享了解决方案，即在.el-table中添加border-spacing、背景颜色和边框样式调整，以适应谷歌浏览器更新后可能出现的td边框线粗细变化。
今天写通过transform：scale()进行了缩小，本来应该是图片一这个样式，结果变成了图片二这个样式。
图片一：
图片二：
在网上的启发下的解决方案 ：
给.el-table添加
border-spacing: 1px;
background-color: #07153B;//这个颜色是表格背景颜色也可以是透明色（transparent）
去掉表格底部边框
.el-table--border::after,
.el-table--group::after,
.el-table::before {
// border-spacing: 1px;
background-color: #07153B !important;
border: 1px solid #07153B;//边框颜色与表格背景颜色一致,颜色也可以是透明色transparent
}
6万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
