的字体是在桌面ligher但无法在手机上

Question

我有我的一些文章.description {font-weight: lighter;font-size: 22px; }

但font-weight属性适用于桌面，但无法在手机上，这是为什么这个类？

当我缩放铬我的桌面到移动的大小上的一切工作正常，而文字是轻如它应该的，但在移动它不是。

Answer 1

它的工作。问题是，当你调整到移动设备时，它可能看起来像你有更大的字体。您可能需要使用自适应设计，因此当屏幕尺寸较小时，字体重量会变小。

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

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

或类似的东西。您还可以将字体大小设置得更低，并且您的字体重量也可能更低。