响应式/rem

Posted dahai5566

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了响应式/rem相关的知识,希望对你有一定的参考价值。

定义

  相对于根元素(html)的相对长度单位

 

media-query 响应式

@media only screen and (max-width: 374px) {

  html { font-size: 86px }

}

@media only screen and (min-width: 375px) and (max-width: 413px) {

  html { font-size: 100px }

}

以上是关于响应式/rem的主要内容,如果未能解决你的问题,请参考以下文章

响应式布局-Rem的用法

浅析响应式布局,rem布局,媒体查询布局

Web移动端页面 --响应式和动态REM

响应式/rem

自适应和响应式布局的区别,em与rem

rem+js响应式布局的设置