博客列表 >0715rem计算

0715rem计算

小言
小言原创
2022年07月17日 17:02:50350浏览
  1. <div class="box">我是测试字体大小</div>
  2. <style>
  3. html{
  4. font-size: 100px;
  5. font-size: calc(100vw / 3.75);
  6. }
  7. body{
  8. font-size: 0.2rem;
  9. }
  10. @media (max-width:375px){
  11. html{
  12. font-size:100px;
  13. }
  14. }
  15. @media (min-width:470px){
  16. html{
  17. font-size:110px;
  18. }
  19. }
  20. </style>

设置默认字号为20的时候,进行了一次计算。

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议