各位网友好，小编关注的话题，就是关于为什么用rem布局的问题，为大家整理了4个问题为什么用rem布局的解答内容来自网络整理。
rem自适应布局适合用于pc端吗
PC端用rem首先要用resize()函数把平常用的remjs包含起来，因为手机屏幕宽度固定，而pc端可以改变浏览器窗口大小。
为什么很多web项目还是使用px，而不是rem
rem是相对根元素html标签的字体大小，然而html标签字体也要用一个基准大小，而这个大小就是px像素。
有很多人误认为px像素是一个绝对尺寸单位，实际px是相对单位，与屏幕分辨率有关，会跟随放大缩小。
有几种主要布局方式，例如三列布局，左中右，左右都可以用像素，中间分配剩余宽度。
例如移动端框架framework7等一系列专用框架
另一种就是几列都用百分比，例如bootstrap。
使用rem作为宽度的很少。如果要做到根据视口大小放大，px更容易。
比如做一个750像素宽的页面，不同手机，根据视口放大缩小，rem计算量太大。px需要写适配的js，rem也要写适配js，反正都需要写辅助js，都是基于px，那还不如省事直接用px。
多数设定并不需要页面根据视口放大缩小。
早些年移动端刚开始盛行的时候，为了移动端网页能够适配不同尺寸的手机屏幕，淘宝某前端大佬写了一段适配的js，叫做flexible，可在github搜索到。原理很简单，好像就是根据手机分辨率和dpi(具体不记得了)，动态设置根源素html的fontsize，然后页面元素大小都以rem来做单位。因为1rem=html的fontsize。
后来有了vw和vh，慢慢的很多项目都用vw来做适配了，100vw=100%的宽度。因为兼容性不是很好，所以一直没有就行起来。
nodejs出现以后，前端工程化开始了。出现了pxtorem，pxtoviewport等插件，我们可以在开发的时候按照ui标注的px大小直接写，在打包的时候，插件会帮助我们把px计算转化为rem或者vw。
我现在都用vw。不考虑兼容性。有需要兼容ie的公司，我看都不看一眼。[捂脸]
前端开发中px，em，rem这些单位有哪些不同之处
1、px是固定像素，无法适应流布局，一般高度以px设置，web app版宽度以使用rem。2、em是指相对于父元素的字体大小的单位 ；因为它是相对于父元素的字体大小的单位，那如果你要设置一个元素的宽度，高度，那么就得去看他父级的大小，如果父级也是em单位，你又得去找他的父级，得一层层计算，才能得到准确的像素值。
3、rem的出现 使很多 移动端的自适应得到了改变，因为 rem是指相对于根元素的字体大小的单位；只要根据屏幕大小设置Html根上的font-size大小，以rem为单位的元素大小会相应改变。
前端开发中px，em，rem这些单位有哪些不同之处
1、px是固定像素，无法适应流布局，一般高度以px设置，web app版宽度以使用rem。2、em是指相对于父元素的字体大小的单位 ；因为它是相对于父元素的字体大小的单位，那如果你要设置一个元素的宽度，高度，那么就得去看他父级的大小，如果父级也是em单位，你又得去找他的父级，得一层层计算，才能得到准确的像素值。
3、rem的出现 使很多 移动端的自适应得到了改变，因为 rem是指相对于根元素的字体大小的单位；只要根据屏幕大小设置Html根上的font-size大小，以rem为单位的元素大小会相应改变。
到此，大家对为什么用rem布局的解答时否满意，希望为什么用rem布局的4解答对大家有用，如内容不符合请联系小编修改。
