谈论rem和rpx布局

rem可能大家都比较熟悉，而rpx在测试小程序的时候被腾讯看得很重；两者本质上没有太大区别。在很多小白前端开发阶段，不知道为什么一些老前端在开发移动终端的过程中，用px而不是rem或者rpx。接下来，我来说说我的看法:

一般来说，rem/rpx布局通常用于水平布局，px用于垂直布局。

(适用于行布局中的多元素布局)

1.这里以上图为例，因为每个手机屏幕的横向尺寸是固定的。如果使用px，小屏幕的位置可能会失控，导致内容换行混乱。因此，使用rem/rpx单元布局。

2.手机的垂直高度是无限延伸的，所以你可以用px为上下页边距和边框固定图片的数量，对页面效果不会有太大影响，也不用担心元素不可控的混乱。

(适用于一行中的单个元素或左端和右端的小元素布局)

1.以上图为例。对于这样的单元素或者左右小元素，可以选择px固定大小。原因是当横向布局只有一个元素的时候，根本不会出现混乱，因为屏幕的宽度比这个小元素的宽度大很多。如果有困惑，可以放弃手机适配(这种小屏幕早就该淘汰了)。

2.垂直布局的原理同上。

本文仅代表个人发展观点，分析实际情况。如果还是不明白，记住一句话:有困惑一定要用rem或者rpx布局；这种观点没有错。如有错误，请指出。这也是我第一次写文章。请给我你的建议。

手机网站尺寸怎么取你，比如高度，宽度，是用什么单位，比vw？

首先你要先知道有几种单位:vh:手机屏幕高度的百分比1vh=1%屏幕高度vw:手机屏幕宽度的百分比1vw=1%屏幕宽度rem:html根元素的font-size字体大小1rem=font-size这几种单位都是可以适应手机屏幕大小的最近本人做的手机版的网页，都是用的弹性盒子flex+rem布局字体大小，盒子的宽高都可以用rem布局但是如果你不想你的整个页面有滚动条的话就结合flex布局flex=1让一块区域自动补全剩余空间,给部分区域使用over-folw属性

vue3项目怎么设置包裹布局最大化？

栅格布局，flex布局，rem

rem页面与px页面如何衔接？

需要自己设置，一般是1rem=14px，单位和px的布局是一样的，只是单位不同而已，所以不必纠结

CSS里面，rem是什么单位？

rem是一个相对单位，相对根元素字体大小的单位。我们只需要指定根元素为参考值，就可以了。主要用于屏幕适配布局，移动端使用比较广泛。使用这种方式，只要根据不同屏幕设置不同的根元素即可使系统适配不同的屏幕。希望可以帮到你

rem自适应布局适合用于pc端吗？

PC端用rem首先要用resize()函数把平常用的remjs包含起来，因为手机屏幕宽度固定，而pc端可以改变浏览器窗口大小。

另外pc端一般不用rem主要是对低版本浏览器的兼容性问题，比如从ie9才开始支持rem，但是只是部分支持。ie11才全部支持。ie9,ie10部分支持，例如：rem用在伪元素和缩写样式上就不支持