Next.JS 应用带有 Chakra UI在移动设备上不是全宽

问题描述

这个让我头疼.. 也许我只是错过了一些愚蠢的东西，希望你们能帮忙。

整个 html 元素的宽度约为移动设备屏幕的 80%。

在笔记本电脑上，减小屏幕尺寸不会重现问题。 html 将是预期的全尺寸。

这是应用程序的链接，您可以自己查看：https://kaayo.vercel.app/

我尝试使用 android devtools 进行调试，结果如下：

最后，这是我的 chakraTheme.js：

global: {
      "html,body": {
        color: "gray.600",margin: "0",padding: "0",lineHeight: "tall",fontWeight: "400",backgroundColor: "bg.100",},body: { minHeight: "100vh" },"input:focus": {
        borderColor: "primary.200!important","a:hover": {
        textdecoration: "none",':focus:not(:focus-visible):not([role="dialog"]):not([role="menu"])': {
        BoxShadow: "none !important",

如果您需要其他任何东西，请告诉我。

感谢您的帮助！

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）