在桌面和移動設備的頁面上設置不同的字體大小

Question

我的網站使用開箱即用的響應式主題：“Lawetique”。

字體在我的台式電腦上看起來很糟糕。 文字又細又窄。 但它在手機上看起來很棒。 窄字體適合垂直方向，大小正好。

如果它只是更大的話，它在桌面上看起來會更好，但我不知道如何在不讓它在手機上看起來卡通化的情況下讓 PC 的字體比例更大。

我對 CSS 沒問題，但對設備控制一無所知。 真誠感謝任何幫助！

Answer 1

 /* mobile styles first */ body { font-size: 16px; } /* tablet styles */ @media screen and (min-width: 768px) { body { font-size: 20px; } } /* desktop styles */ @media screen and (min-width: 1024px) { body { font-size: 24px; } }