如何使用mediaquery css将font-size：medium应用于整个站点

Question

我有一个styles.css文件。现在我要为手机/平板设备编写CSS - 媒体查询。在styles.css中，我提到了diffent类的不同字体大小。现在我需要为移动设备应用所有'字体大小'到'中等'。如何申请？

我已经应用font-size：medium;到媒体查询CSS。它工作正常。但是在style.css中，例如：.dynamicdata {font-size：14px;}。我需要应用替换font-size：medium到所有我已经为mediaqueires css应用了字体大小的类。

Answer 1

我会做到这一点...

@media screen and (max-width: 480px) { 

    /* disable webkit text size adjust (for iPhone) */ 
    html { 
    -webkit-text-size-adjust: none; 
    } 
    .class1, .class2, .class3 { 
    font-size: 1.2em; 
    } 
}