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

[nnegier]

我刚刚学完 React ，React 很香，然后我用 TailwindCSS 写了一个小页面，这个页面我是直接用像素的，但这样肯定是有问题的，在这种 1080p 的屏幕还好，但在 5k 屏或者 6k 屏那个页面就会显得巨小。

我是做 Android 的，在 Android 就是无脑用 dp ，如果要特定适配一些屏幕，就修改 dp 到 px 的转换值就好。

[GTim]

rem

[wolfan]

我一直用 rem ……

[ToPoGE]

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/>

https://developer.mozilla.org/zh-CN/docs/Web/HTML/Viewport_meta_tag

[zhhanging]

一般不需要处理，高分屏会开缩放，不影响的，如果一个用户用 5k 6k 屏幕，但是还是 100%缩放，那他的所有用户界面都会变得很小，基本无法正常使用

[lynan]

一样的，做 px 到 rem 的转换就好了

[crysislinux]

就用 px 也可以。5k 屛一般也是缩放显示的，无所谓。

[horizon]

tailwind 不是已经给你处理了么

[LandCruiser]

页面在高分屏下看起来小是正常现象。如果你想所有屏幕下，显示比例都一样，那就得严格用百分比，或者 vw ，vh

[Leviathann]

tailwind 默认不是 rem 吗，你每个样式都手动改成 px ？

[nnegier]

@Leviathann
@horizon 我不熟。我的确是全部都改成像素了-[xxpx]。我回去看看

[darkengine]

用 px 就可以了，浏览器也不是按照物理分辨率显示的，是按照逻辑分辨率。例如 iPhone 的： https://www.ios-resolution.com/ 浏览器的 px 是指 Logical Width 和 Logical Height

[thetbw]

同 4 楼，就按照 1080p 用像素设计就行了，目前 windows 大多数软件都是这样，4k 的话开 200%缩放系统会自动处理，不开的话 windows 自带的开始菜单都会小的看不清，根本不是你的问题

[LavaC]

我自己做项目是用 px 的，就算是高分屏，你浏览器内尺寸往往也没有几千乘几千这么大。
公司项目用的 px2rem ，只能说大致效果保证了各种尺寸差不多，但是也会导致很多额外小问题，比如在这你这里字体刚好不换行，在人家那就换行了。

[ZGame]

同上 ,px2rem,
如果是数据大屏的话 需要全屏展示就要固定 px,利用 css scale 去做伸缩

[chf007]

要看你的项目是 PC 端，还是移动端。

移动端就用上边说的缩放的解决。

PC 端还要看你是搞内容型的还是展示型的，内容型一般有个最大宽度，然后整体居中展示，你搞很宽体验也不好。
展示型的也是缩放解决。

[hevi]

px 和 rem

[cslive]

TailwindCSS 默认不上 rem 吗

[shenyuzhi]

没有特殊需求的话，用 px 。
px+meta 声明+flex+grid 能解决 99%的需求。

[xudaxian520bsz]

rem 已经开始逐渐淘汰了，现在主流是 vw 和 vh ，原理和 rem 类似，但是浏览器原生支持。

[z1645444]

px ，插件 postcss-vw-to-px ，本质上还是用 vw