如何在不同的视图端口大小中将绝对字体大小减小百分之？

Question

我为这个疯狂的问题感到抱歉。期待一些想法或解决方法。我可以处理现有网页之一，将其转换为移动视图。已添加绝对字体的网页。例如：

h2{
  font-size:24px;
}

p{
  font-size:18px
}

li{
  font-size: 16px;
}

现在，我希望将字体大小减小到现有当前字体大小的80％。但是我不想将它们每个元素分别写出来，这会花费很多天。有什么方法可以将字体大小从当前大小减小百分之几。甚至对我来说都不错。

像这样：

@media only screen and (max-width:767){

  .wrapper * {
    font-size: 80%; //let each element applied with it's 80% from original font size.. like so
  }

}

Answer 1

我认为您需要使用vw单位设置字体大小

还可以在this链接中查看所有单位