vue3 项目页面 px 未自适应

我根据教程，使用 cli

npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project

创建了项目，开发后发现使用 px 在各机型下展示内容不一致。有的小机型装不下页面。如图所示，未自适应 px。
然后我将 manifest.json 顶部的 transformPx 设置为 true，仍然没有将 px 转换为 rpx。
请教下如何设置才能自适应页面内容尺寸。