【CSS】字体设置过大超出一行时可以使用transform属性

使用transform属性对字体进行缩小和方法

.card-title {
position: absolute;
top: -10px;
left: 50%;
translate: -50%;
color: #ffffff;
font-size: 0.8vw;
font-weight: 600;
transform: scale(1.5, 1.5);
letter-spacing: 2px;
text-shadow: 0 0 4px #a1a1a1, 0 0 8px #010869;
}

如果字体用px，效果不好，而且页面缩放的时候字体不协调。