wswmsword / postcss-mobile-forever

一款 PostCSS 插件,将固定尺寸的视图转为可跟随宽度变化而等比例伸缩的视图。To adapt different displays by one mobile viewport.
https://wswmsword.github.io/examples/mobile-forever/vanilla/
MIT License
325 stars 19 forks source link

The use of version Next.js is not effective. #16

Closed usercao closed 11 months ago

usercao commented 11 months ago

Next.js version 14.0.3

wswmsword commented 11 months ago

Ok,我回去看看。

wswmsword commented 11 months ago

你好,我把我的范例套在 Next.js 14.0.3 里试了一下,可以生效,您对比一下。 代码包下载:nextjs-mobile-forever.zip 查看 /example/nextjs 代码

usercao commented 11 months ago
"appSelector": ".appInnerRoot",

@wswmsword 感谢,使用nextjs默认的父级容器id#__next不会生效,或许我必须自己定义一个顶层class吗?

wswmsword commented 11 months ago

如果父级容器是 #__next 的话,要给 #__next 在样式文件里加个样式,PostCSS 插件实际上就扫描应用导入的样式文件,如果扫描到了对应的 class 就处理。

可以类似这样,或者就放一个空的样式:

#__next {
  min-height: 100vh;
}
usercao commented 11 months ago

感谢🙏,明白了