html - 字体在桌面上更轻，但在移动设备上不是

Question

我的一些文本有这个类 .description {font-weight: lighter;font-size: 22px; }

但是 font-weight 属性在桌面上有效但在移动设备上无效，这是为什么？

当我将桌面上的 chrome 缩放到移动设备大小时，一切正常，文本尽可能轻，但在移动设备上却不是。

Answer 1

它正在工作。问题是，当您将其调整为移动设备时，您的字体可能看起来更大。您可能希望使用响应式设计，这样当屏幕尺寸较小时，您的字体粗细就会变小。

.description {
font-weight: 500;font-size: 22px; 
}

@media screen and (max-width: 500px) {
    body {
        font-weight: 300;font-size: 22px; 
    }
}

或者类似的东西。您还可以将字体大小设置得更小，看起来您的字体粗细也更小。