css 使用REM与媒体查询

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 使用REM与媒体查询相关的知识,希望对你有一定的参考价值。

html { font-size:100%; } 

@media (min-width: 640px) { body {font-size:1rem;} } 
@media (min-width:960px) { body {font-size:1.2rem;} } 
@media (min-width:1100px) { body {font-size:1.5rem;} }

以上是关于css 使用REM与媒体查询的主要内容,如果未能解决你的问题,请参考以下文章

用户体验与响应式字体二三事|rem单位与flexible.jsrpx单位与css媒体查询

用户体验与响应式字体二三事|rem单位与flexible.jsrpx单位与css媒体查询

在 Chrome 中使用 rem 单位进行媒体查询?

01.媒体查询

html5移动端开发(rem和媒体查询@media)

Rem实现移动端适配