vue2使用postcss-px-to-viewprot在不同屏幕下高度的布局不同

Question

我的项目是pc端的，插件是已经把px成功转换成vw了，放大缩小浏览器也都会自适应，为什么在不同的屏幕下转换后的他们布局高度会不一致，我的设计稿是1440，在小屏幕上高度会出现滚动条，而大屏幕又会刚刚好，如果调小尺寸了，那么小屏幕上正好，但是大屏幕上间距又会被拉大，这个问题怎么解决

Answer 1

这个问题的解决方法取决于你的具体布局和设计。以下是一些可能会有帮助的建议：

确保你使用的是相对单位（例如vw，em等），而不是绝对单位（如px）来定义元素的高度和宽度。这样可以确保元素的大小与屏幕大小成比例。

使用CSS Grid或Flexbox等现代布局技术，以确保元素在所有屏幕大小下都能自适应。这些技术可以让你更轻松地控制元素之间的间距和位置。

如果你遇到了特定元素在不同屏幕大小下高度不一致的问题，可以尝试更改它们的属性（例如padding，margin等），以使它们在不同屏幕大小下看起来更一致。

如果你需要在小屏幕上显示滚动条，请确保为容器元素设置合适的最大高度和overflow属性，以便在内容溢出时显示滚动条。

最后，记得在设计阶段就要考虑多种屏幕大小，并与你的设计师/客户商讨如何在各种屏幕大小下呈现你的设计。
望采纳！