桌面上的字体较轻，但移动设备上没有

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; 
    }
}

或类似的东西。您还可以设置较低的字体大小，并且可能看起来您的字体重量也较低。