rem+媒体查询---移动端 设计稿以375
Posted https://blog.zlevai.com
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了rem+媒体查询---移动端 设计稿以375相关的知识,希望对你有一定的参考价值。
@media screen and (max-width: 319px) { html { font-size: 85.33333px } } @media screen and (min-width: 320px) and (max-width: 359px) { html { font-size: 85.33333px } } @media screen and (min-width: 360px) and (max-width: 374px) { html { font-size: 96px } } @media screen and (min-width: 375px) and (max-width: 383px) { html { font-size: 100px } } @media screen and (min-width: 384px) and (max-width: 399px) { html { font-size: 102.4px } } @media screen and (min-width: 400px) and (max-width: 411px) { html { font-size: 106.66667px } } @media screen and (min-width: 412px) and (max-width: 413px) { html { font-size: 109.86667px } } @media screen and (min-width: 414px) { html { font-size: 110.4px } }
以上是关于rem+媒体查询---移动端 设计稿以375的主要内容,如果未能解决你的问题,请参考以下文章