如何在Ionic 3中缩放和最小化文本

Question

我正在开发Ionic上的应用程序3.如何最大化和最小化文本数据？

Answer 1

缩放和最小化功能在Ionic in-build中不可用，但您可以使用scss中的媒体查询增加或减少字体大小。

#fontSize{
    @media (min-height: 700px) {
  font-size: 2rem !important;
  }
  @media (max-height: 600px){
  font-size: 1.4rem !important;  
  }
  @media (min-height: 600px) and (max-height: 700px){
  font-size: 1.8rem !important;
  }
}

您还可以尝试使用Ionic gestures

更改用户互动中组件的字体大小

document.getElementById("bar").style.fontSize=2rem;