我该使用 px 还是 % 开发？能使用 vh/rem 等相对单位吗？

[hakiu]

根据readme中描述，使用autofit.js，能够自动的拉伸或者缩小，对于大屏开发来讲，的确解决了好多问题，这里有两个基础的地方不太明白：
根据设计稿进行页面开发，最外层容器的宽与高是用设计稿的像素还是百分比？还是两者兼可？
容器内部各个元素的宽高，以及padding，margin的值用像素还是百分比？css可定义的值太多了，px, rem ,vh/vw，em，这些在引用autofit.js的项目中，是可以混用，还是单纯便用px来统一开发？

[LarryZhu-dev]

很多人有这个疑惑，我这里统一说明一下：autofit.js只干了一件事，就是对最外层容器（默认是body）设置了宽高（px）和缩放(scale)，你可以先新建一个空白项目来尝试理解。
在拖动浏览器窗口大小时，autofit.js 也会同时设置合适的宽高和缩放值，使body始终充满屏幕，至于body内部的元素该使用什么单位编写，完全取决于实际情况，但是 不可以使用 rem/vh/vw 等相对单位 。autofit.js 推荐使用 px 和 % ,当你需要一个固定宽高的元素，比如一个天气图标 image ，你就应该使用 px。当你需要一个需要跟随屏幕大小变化而变化的元素，比如常见大屏左右两侧的盒子，你就需要使用 %。

[ezewu]

tailwindcss 这些也是用不了？

[LarryZhu-dev]

tailwindcss 这些也是用不了？

可以用的

[ezewu]

我刚试了下，不行tailwindcss 是rem

[edk24]

我刚试了下，不行tailwindcss 是rem

tailwindcss 可以配置单位的, 也可以临时用 w-[200px] 的写法

[dashlab-pro]

rem也可以固定，vh,vw固定不了

[LarryZhu-dev]

rem也可以固定，vh,vw固定不了

rem 、 vh\vw 和 scale 一起使用 理论上会 造成双倍适配，不建议使用相对单位哈