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

Question

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

我已经应用了字体大小：中等; 到媒体查询 css。 它工作正常。 但是对于 ex：.dynamicdata{font-size：14px;} 在样式.css。 我需要将替换字体大小：中等应用于我为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;
  }
}