美文网首页
移动端单位rem解析

移动端单位rem解析

作者: 唯有她美 | 来源:发表于2017-09-20 15:29 被阅读0次

px属于固定单位,em属于父元素相对单位

浏览器的默认字体大小都是16px

兼容性:主流浏览器都兼容(IE9以上)

使用100%,在font-size="62.5%",因为浏览器默认字体大小是16px,

也就是说100% =  16px;那么1px = 6.25%,10px = 62.5%;

1rem = 62.5% = 10px;

定义:rem是相对于根元素的相对单位;

使用方法:

            html{font-size:62.5%}

            p,h1~h6{width:1rem;height:1.5rem;font-size:1.2rem}

为什么说rem是为移动端量身打造的那,可以这样写


相关文章

  • 移动端单位rem解析

    px属于固定单位,em属于父元素相对单位 浏览器的默认字体大小都是16px 兼容性:主流浏览器都兼容(IE9以上)...

  • 2018-04-08关于移动端

    移动端px全部用rem做尺寸单位,一般1rem=(大约)10px; 移动端定位首选:display:flex ...

  • 自适应rem布局

    rem是个低调的css单位,手淘在移动端的布局是基于rem处理的,当然还要基于viewport的处理。用rem单位...

  • 移动端rem单位计算

    参照 移动前端自适应适配布局解决方案和比较纯css3使用vw和vh实现自适应的方法

  • 移动端rem单位转换

  • 移动端rem适配

    1.移动端适配使用技术 . sass . 单位rem 2.移动端设计稿转px 一般的移动端设计稿都是 750/13...

  • Vue移动端适配方案.md

    移动端主要采用rem布局,vue+webpack,通过webpack编译,将css中px自动转成rem或其它单位,...

  • 移动端开发系列——像素与viewport

    目录 移动端开发的基本观点 像素基础知识 viewport原理解析 弹性布局 响应式设计 1rem的运用 移动端的...

  • HTML学习之图片字体适配

    移动h5 图片字体等适配WebApp开发之--"rem"单位Rem实现自适应初体验手机端页面自适应解决方案—rem布局

  • SCSS 常用混合

    移动端 rem 函数

网友评论

      本文标题:移动端单位rem解析

      本文链接:https://www.haomeiwen.com/subject/xkrosxtx.html