首页 > html > media > CSS Layout - 如何更改字体大小取决于分辨率

CSS Layout - 如何更改字体大小取决于分辨率

media 【media】
我们想知道如何更改字体大小取决于分辨率。
代码展示 运行结果 

<!DOCTYPE html>
<html>
<head>
<style type='text/css'>
html {
  font-size: 62.5%;
}

body {
  font-size: 1em;
}

@media ( max-width : 300px) {
  html {
    font-size: 70%;
  }
}

@media ( min-width : 500px) {
  html {
    font-size: 80%;
  }
}

@media ( min-width : 700px) {
  html {
    font-size: 120%;
  }
}

@media ( min-width : 1200px) {
  html {
    font-size: 200%;
  }
}
</style>
</head>
<body>resize window</body>
</html>