首页 > 用户投稿

设计稿750用rem怎么算 1rem等于多少像素？

实习编辑 • 2023-12-06 11:35:33 • 用户投稿 • 阅读 3

1rem等于多少像素？

1rem=20px，

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

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

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

nodejs出现后，前端工程开始了。有pxtorem和pxtoviewport等插件。在开发过程中，我们可以根据ui标记的pxcase直接编写它们。在打包时，插件将帮助我们将px计算转换为rem或vw。

设计稿750用rem怎么算 1rem等于多少像素？

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

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

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

css3中添加了一个新的相对单位rem（根em，根em）。rem相对于根节点（或html节点）。如果根节点设置了字体-尺寸：10px左右字体-尺寸：1.2毫米字体大小等于12px

设计稿750用rem怎么算1em等于多少像素移动端750设计稿换算

原文标题：设计稿750用rem怎么算 1rem等于多少像素？，如若转载，请注明出处：https://www.saibowen.com/tougao/21376.html
免责声明：此资讯系转载自合作媒体或互联网其它网站，「赛伯温」登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述，文章内容仅供参考。

设计稿750用rem怎么算 1rem等于多少像素？ 设计稿750用rem怎么算 1rem等于多少像素？介绍
赞 ( )
打赏 微信扫一扫微信扫一扫
上一篇：java的instanceof语句 如何比较java对象是同一个对象？ 下一篇：kinect在pc上能玩什么 家用体感游戏机选哪个好呢？

相关推荐