pxtovm 怎么快速将css中的px替换成rem？
怎么快速将css中的px替换成rem？
编写一个任务，用gulp replace替换REM。var replace=require（“gulp replace”）吞咽任务（“pxToRem”，function（）{返回咕噜咕噜（“*.html”）.pipe（replace（/（d）px/g，function（match，p1）{return Number（p1）/10“rem”}））.pipe（吞下目标（“dir”）}）
为什么很多web项目还是使用px，而不是rem？
Rem是相对于根元素的HTML标记的字体大小。但是，HTML标记字体也应该使用基准大小，即PX像素。
很多人错误地认为PX像素是一个绝对的大小单位，而实际的PX是一个相对的单位，它与屏幕分辨率有关，会随着放大缩小而变化。
主要有几种布局方式，如三列布局，左、中、右、左、右均可使用像素，中间分布剩余宽度。
例如，一系列特殊的框架，如mobile framework 7
另一种是对多个列使用百分比，如bootstrap。
很少使用rem作为宽度的度量。如果要根据视口的大小放大，PX更容易。
例如，要制作一个750像素宽的页面，使用不同的手机，根据视图进行放大和缩小，REM计算太大。PX需要编写匹配的JS，REM也需要编写匹配的JS。总之，它需要编写基于PX的辅助JS，所以最好直接使用PX。
大多数设置不需要根据视图放大或缩小页面。
CSS为什么这么难学？
随着技术的更新和迭代，前端工作越来越繁重和复杂。
CSS技术就像一个数学问题。它有太多的可变性。这就是困难所在。例如，您可以清楚地看到11=2，但是您是否需要考虑1 1000-10 1100 123的问题？
随着CSS3的出现，CSS不再简单，CSS3动画、变形、渐变、过滤器等
布局有弹性、网格等。就像数学问题一样，任何组合都是一种新类型的问题，变得极其复杂。所以学好基础知识更重要，要有各种知识，扎实的基础知识，看问题类型，有自己的想法，有多种解决方法，不受限制。CSS有复杂和困难的样式，我们可以使用多种解决方案，比如canvas、SVG、真不图像等等。
版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。
