css - pc端适配用vw好还是rem好

 

问题描述:

pc端适配用vw好还是rem好,一个登陆页,想用vw但是考虑兼容性,考虑用哪个好


 

第 1 个答案:

对于PC端的适配,REM和VW都是可以使用的适配方式。但是,它们在使用场景方面略有不同。

REM:它是相对于HTML元素字体大小的单位,因此在PC端的兼容性更好。您可以使用REM设置一致的字体大小,并且在更改HTML字体大小时,其他元素的大小也会自动更改。

image.png

VW:它是相对于视口宽度的单位,因此在移动端更常用。但是,在PC端,由于屏幕大小的多样性,使用VW可能不太方便。

image.png

如果你希望兼顾兼容性和简单性,可以考虑使用PX作为适配方式。在PC端,PX是一种比较可靠的适配方式,但是如果你希望根据屏幕大小自动适配,则需要使用其他方式。

总的来说,你应该根据你的需求和项目的要求来决定使用哪种适配方式。


 

第 2 个答案:

看情况我是推荐 vxpx 混用,而不是只用一个单位。

rem 早期我会推荐,但是现在有了 vw vh 之后就不会推荐使用了。


在vite下,要动态导入vue组件,想通过项目内的绝对路径的形式,也就是使用@符号,而不是使用相对路径以下测试和测试 ...