请问 Web 布局是用什么单位呀？

rem 可以用,但是 vw 比较适合一些,因为这个单位上标准就是为了解决这方面的问题的

不过 h5,ipad,pc 还是得分开媒体查询,不能 vw 一把梭

你都用 Tailwind 了，还问这种问题。一般来说，移动端多使用 flex 布局，宽高都不写死，除非是给图片固定宽高比的的容器。这样也实现了响应式布局。我的项目中（移动端）尺寸都写的很少。

没有统一的标准答案，每个单位都有自己的使用场景，我一般在可视化这种场景中使用 vw/vh, PC 网页使用 px, 移动网页使用 rem, 打印使用 pt

/t/835716

谨慎看待各种“缩放”手段

/t/877412 em/rem

3202 年直接用 rem 吧，只要做一次，其他场景只要改一下 root-fontsize 就能兼容

如果不设置，那么 1rem 就是 16px 。但为了做适配，应结合 viewport 来设置 1rem 等于多少 px 。详细谷歌一下 viewport+rem ，结果有很多。

默认 `px` 就行了，遇到自适应的情况在考虑用 `vw/vh` 这种视窗单位。
用 `em/rem` 做兼容（适配）的时代已经过去了。

反正我是非常抗拒 `flexible` + `px2rem/px2vw` 这种无脑一刀切的缩放方案。
响应式，响应式，并不是缩放而已。

@dfkjgklfdjg 那是因为现在的网站是两种开发模式：第一种，就是响应式网站，以小米网站为例，适用各种设备；第二种，以京东网站为例，pc 设备一套，移动端设备一套，并且 pc 使用的就是浮动布局，移动端使用功的就是 flex + vw 的方式。

@nnegier 前端和安卓等不一样，操作系统将 DP 抽象了，比如我们可以统一设置 1920px * 1080px ，缩放比是 100% ，这样就不用区分什么 2k 屏、4k 屏了，统一按照 1920px * 1080px 来做；其实，在前端对移动站有两种对待：第一种，就是响应式布局，开发比较麻烦，但是适用各种设备，以小米官网为例；第二章，是 pc 端一套，移动站一套，以京东为例，并且移动站一般使用 vw + flex 进行开发，grid 也行。

@xudaxian520bsz #30 ，这种“商城”模式下依旧使用缩放方案的大多是都是历史遗留问题（淘宝 PC 改版之后已经不在使用这种缩放方案了）。
另外就算是两套系统，也可以在 PC 端使用响应式布局的设计的，只不过处于开发安排没有足够的工期，所以才会考虑使用 `px2rem/px2vw` 这种方案来应付。如果是各种展示类型的 或者 重交互的，这种缩放方案就是不合适的。

所以我的认为在排除历史遗留和工期问题之后，依然使用这缩放方案的原因就是前端的懒惰。

px 就是比较好的解决方案了，原生就实现了不同大小屏幕的缩放。rem vw 等方案都是 kpi 下的产物，减少自适应开发的工作量。实在不行就在网站下面添加一个自定义基本字号的功能，然后使用 rem

就应该用 px 。

人家用大屏幕是为了看更多内容，用高分屏是更好的效果，不是让你显示成老人版的

用 px ，还是看设计跟用户电脑

@dfkjgklfdjg 缩放是必须的吧，因为实际开发中，移动端设备的尺寸实在是太多了，比如：国内的 Android 设备就喜欢天天发型号，难道我们也一个个去适配；在实际开发中，其实开发的思想很简单，设计给了一个 375 * 667 （ iphone 6 、7 、8 ，） 的设计图，那么我们就需要在不同的分辨率的屏幕上能够适配，这就是 rem 和 vw 的最基本的原理所在了。
为什么缩放，就是因为，管你用户掏出什么类型的 Android 或 iphone 手机，劳资照样保证页面不变形，布局不会错位。

@xudaxian520bsz #36 ，所以说到底就是懒啊，另外 rem 和 vw 就不是一回事。平时用 px2rem 做做数据大屏的缩放适配也就算了，还想用一个方案全部解决掉，用户屏幕更大，不是想文字和方块展示的更大。
其实做好自适应设计就不需要考虑各种的分辨率，都是弹性布局在区间内做好适配就可以了，也同时解决了移动端横竖屏和笔记本端的系统缩放适配问题。

tailwindcss 上可以设定不同分辨率上的字体大小，比如 h1 ，写 text-lg lg:text-xl xl:text-2xl ，这样就可以实现默认 text-lg 字号，lg 上 text-xl ，xl 上 text-2xl ，具体可以自定义大小和尺寸

怎么没人提 vw

同意，不要无脑 rem ，一般给固定的宽高+flex 就能达到很不错的效果了而且内容可控