rem 是css3中的属性，ie8下不兼容。
rem是相对于根元素<html> 这就意味着我们只需要在 根目录加入以下css代码。 默认单位为16px，我们需要在用rem的时候除以16 就是rem的值。 比如字体是20px，
20÷16 = 1.25rem即可。
@media only screen and (max- 320px) { html { font-size: 16px; } } @media only screen and (min- 321px) and (max- 360px) { html { font-size: 18px; } } @media only screen and (min- 361px) and (max- 375px) { html { font-size: 18.75px; } } @media only screen and (min- 376px) and (max- 384px) { html { font-size: 19px; } } @media only screen and (min- 385px) and (max- 413px) { html { font-size: 19px; } } @media only screen and (min- 414px) and (max- 480px) { html { font-size: 20.7px; } } @media only screen and (min- 481px) and (max- 540px) { html { font-size: 27px; } }
推荐前端交流群： 群号：339840649； 群名称:JS、VUE 工程与技术 欢迎加入~
点击加入：
扫码加入：