对于px的思考

最近开发移动端,对样式和布局异常敏感,而产品一个px问题让我想了好久,归根结底对px,dpi等不够了解。
众所周知,px是像素,在css中有绝对长度和相对长度。
cm,pt等为绝对长度,em,ex是相对长度。
px其实是设备物理上能显示出的最小的一个点,这个点不是固定宽度的,不同设备上点的长宽、比例有可能会不同。
em会继承父元素的字体大小,一般浏览器默认都为16px,但弊端在于dom节点比较深的情况下,字体计算会比较繁杂。
因此在移动端的开发中,我经常使用rem,它只继承根节点的font-size,因此在计算方面会不容易出错。
近来为了更便捷,使用里px2rem这个插件,可以将px转化到rem单位的atom插件。

坚持原创技术分享,您的支持将鼓励我继续创作!