pxemrem三者之间的区别
Posted shenyzby
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了pxemrem三者之间的区别相关的知识,希望对你有一定的参考价值。
px、em、rem都是计量单位,都能表示尺寸,但是有有所不同,而且其各有各的优缺点。
Px表示“绝对尺寸”(并非真正的绝对),实际上就是css中定义的像素(此像素与设备的物理像素有一定的区别,后续详细说明见文末说明1),利用px设置字体大小及元素宽高等比较稳定和精确。Px的缺点是其不能适应浏览器缩放时产生的变化,因此一般不用于响应式网站。
em表示相对尺寸,其相对于当前对象内文本的font-size(如果当前对象内文本的font-size计量单位也是em,则当前对象内文本的font-size的参考对象为父元素文本font-size)。使用em可以较好的相应设备屏幕尺寸的变化,但是在进行元素设置时都需要知道父元素文本的font-size及当前对象内文本的font-size,如有遗漏可能会导致错误。
rem也表示相对尺寸,其参考对象为根元素<html>的font-size,因此只需要确定这一个font-size。
以上是关于pxemrem三者之间的区别的主要内容,如果未能解决你的问题,请参考以下文章