当前位置:   article > 正文

移动开发字体大小配置

手机开发字体大小
  1. html {
  2. font-size: 24px!important; }
  3. @media screen and (min-width: 360px) {
  4. html {
  5. font-size: 24px!important; } }
  6. @media screen and (min-width: 375px) {
  7. html {
  8. font-size: 25px!important; } }
  9. @media screen and (min-width: 384px) {
  10. html {
  11. font-size: 25.6px!important; } }
  12. @media screen and (min-width: 400px) {
  13. html {
  14. font-size: 26.666666666666668px!important; } }
  15. @media screen and (min-width: 414px) {
  16. html {
  17. font-size: 27.6px!important; } }
  18. @media screen and (min-width: 424px) {
  19. html {
  20. font-size: 28.266666666666667px!important; } }
  21. @media screen and (min-width: 480px) {
  22. html {
  23. font-size: 32px!important; } }
  24. @media screen and (min-width: 540px) {
  25. html {
  26. font-size: 36px!important; } }
  27. @media screen and (min-width: 720px) {
  28. html {
  29. font-size: 48px!important; } }
  30. @media screen and (min-width: 750px) {
  31. html {
  32. font-size: 50px!important; } }
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/很楠不爱3/article/detail/335247
推荐阅读
相关标签
  

闽ICP备14008679号