study的过去式和过去分词使⽤rem设置⽂字⼤⼩（⽂字响应式）论文答辩ppt
响应式理念：响应式⽹页不仅仅是响应不同类型的设备，⽽且需要响应不同的⽤户需求。响应式的初衷是为了让信息更好的传递交流，让所有⼈⽆障碍的获取信息，同时这也是 Web 的初衷。
⼀、rem的定义
⽹页中常⽤的⽂字⼤⼩单位是 px(Pixels)，em，现在新增了 rem 这个单位。
「rem」是指根元素（root element，html）的字体⼤⼩，根元素默认的 font-size 都是 16px。
⼆、兼容性
这样⼀个新的单位兼容性如何呢？
太好了，IE9+，Firefox、Chrome、Safari、Opera 的主流版本都⽀持了
乖 打一成语 我们知道 em 的计算是基于⽗级元素的，在实际使⽤中给我们的计算带来了很⼤的不便。所以 rem 的出现解救了我这样不会算术的⼈，再也不⽤担⼼⽗级元素的 font-size 了，因为它始终是基于根元素（html）的。
⽐如默认的 html font-size=16px，那么我想设置12px 的⽂字就是：12÷16=0.75（rem）
当然，我们改变⼀下 html 的默认 font-size=10px 不就好计算了嘛！
1
2 3 4 5 6 7 8 9 10 11html{五一节日祝福短语
font-size:62.5%; /* 10÷16=62.5% */ }
body{
font-size:12px;
font-size:1.2rem ; /* 12÷10=1.2 */ }
p{
font-size:14px;
font-size:1.4rem;
}
需要注意的是，为了兼容不⽀持 rem 的浏览器，我们需要在 rem 前⾯写上对应的 px 值，这样不⽀持的浏览器可以优雅降级。
三、为什么⽤rem
浏览器中⽤户都是可以⾃定义默认的⽂字⼤⼩的，如果使⽤ px，⽤户⾃⾏在浏览器设置中改变了⽂字⼤⼩后，⽹页上是不会变化的。⽽rem可以（响应式⽹页不仅仅是响应不同类型的设备，⽽且需要响应不同的⽤户需求。）爱转角
四、什么时候⽤ rem
常在标题，正⽂等⼤⾯积⽂字的位置可以使⽤ rem。但是在⼀些特殊的设计场景，rem 可能会导致布局错位
商量的近义词语（参考淘宝响应式⼗⽇谈）
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论