The issue of web page adaptation on mobile devices

[Almostlover0608]

When opening the published page on mobile devices, the following issues exist:

1. The page is not fully displayed, and sometimes the input box is out of the visible range.
2. The page cannot be scrolled. When the conversation is long, it is not possible to scroll the page to view the content.

[dosubot]

Hey @Almostlover0608! I'm here to help you with any bugs, questions, or contributions you have. Let's work together to solve this issue. Dosu

The issue with the page not being fully displayed and the inability to scroll on mobile devices is likely due to the CSS overflow property set to hidden on the body element. This prevents scrolling and can cause content to be out of view. Here's the relevant CSS snippet:

body {
    background-color: black;
    color: white;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

To resolve these issues, you can change overflow: hidden; to overflow: auto; or overflow: scroll; to allow scrolling on the page ^[1].

To continue talking to Dosu, mention @dosu.

---

^{Help Dosu learn! Give it feedback: Great Response | Irrelevant Answer | Incorrect Sources | Too Verbose | Hallucination | Bug Report | Other}