根据Zurb Foundation的分辨率更改文本大小

Question

基础很酷，但我想问一件事，当我们为不同的scree res设备时，我们怎么能改变文本的大小。 感谢。

Answer 1

基金会5没有直接的支持。

您必须使用媒体查询来缩放不同分辨率的字体大小。有很多方法可以实现它。

一种可能的方法是在容器元素上以像素为单位指定font-size，然后将ems用于子元素的大小。

.homepage {

  font-size: 16px;

  @media #{$large-up} {
    font-size: 20px;
  }
}

.homepage p {
  font-size: 1em;
}

.homepage small {
  font-size: 0.75em; /* 12px on small and medium screens, 15px - on large */
}

其他方法Responsive Font Size