的字體是在桌面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; 
    } 
} 

或類似的東西。您還可以將字體大小設置得更低，並且您的字體重量也可能更低。