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

Question

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

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