1rem等于多少px 为什么很多web项目还是使用px，而不是rem？

为什么很多web项目还是使用px，而不是rem？

在移动终端刚刚流行的初期，为了使手机页面适应不同大小的手机屏幕，淘宝的一位前端老板编写了一个经过改编的JS，叫做flexible，可以在GitHub找到。原理很简单。似乎根据手机的分辨率和DPI（我不记得了），动态设置根元素HTML的fontsize，然后页面元素的大小就是rem，因为1rem=fontsizeofhtml。

后来，出现了大众和VH。渐渐地，许多项目使用大众汽车进行改编。100vw=100%宽度。因为兼容性不是很好，所以一直没有上线。

nodejs出现后，前端工程开始了。有pxtorem和pxtoview port等插件。在开发过程中，我们可以根据UI标记的PX case直接编写它们。在打包时，插件将帮助我们将PX计算转换为REM或VW。

我现在用大众。不考虑兼容性。我甚至不看那些需要与ie兼容的公司。PX是一个固定的像素，不能适应流的布局。通常，高度由Px设置，web应用版本的宽度由rem.2设置。EM是相对于父元素的字体大小单位。因为它是相对于父元素的字体大小单位，所以如果要设置元素的宽度和高度，必须查看其父元素的大小。如果父对象也是EM单位，则必须转到其父对象并逐层计算以获得准确的像素值。

3. REM的出现改变了许多移动终端的适应性，因为REM指的是相对于根元素的字体大小单位。只要HTML根上的字体大小是根据屏幕大小设置的，rem中的元素大小就会相应地改变。

前端开发中px，em，rem这些单位有哪些不同之处？

像素。相对长度单位。像素PX与显示屏的分辨率有关。EM是相对长度的单位。相对于当前对象中文本的字体大小。如果未手动设置行内文本的当前字体大小，则该字体大小与浏览器的默认字体大小有关。任何浏览器的默认字体高度都是16px。所有未调整的浏览器都符合：1em=16px。然后12px=0.75em，10px=0.625em，为了简化字体大小的转换，需要在CSS的body selector中声明font size=62.5%，使EM value变成16px*62.5%=10px，所以12px=1.2em，10px=1em，也就是说，只需要将原来的PX值除以10，然后用EM作为单位来替换。EM特征1。EM值不是固定的。EM继承父元素的字体大小。因此，在编写em时，我们需要注意两点：1。在正文选择器中声明font size=62.5%；2。把你原来的PX值除以10，然后用em作为单位来代替；3。重新计算那些放大字体的EM值。避免重复声明字体大小。Rem是CSS3中一个新的相对单位（根EM），引起了广泛的关注。这个单位和他们有什么区别？区别在于，当rem用于设置元素的字体大小时，它仍然是相对大小，但相对大小只是HTML根元素。该装置具有相对尺寸和绝对尺寸的优点。它只需修改根元素就可以按比例调整所有字体大小，避免了字体大小层层复合的连锁反应。目前，除了IE8和早期版本外，所有浏览器都支持rem。

1rem等于多少px px如何快速转换为rem px和rem的换算公式

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。