增加尺寸限制

2025-03-13 20:12:57 +08:00 · 2025-03-13 20:12:57 +08:00 · fb9ec67837
parent c281d1e008
commit fb9ec67837
2 changed files with 12 additions and 1 deletions
--- a/app/globals.css
+++ b/app/globals.css
@ -10,4 +10,13 @@
 body {
  color: var(--foreground);
  background: var(--background);
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+}
+
+/* 确保在所有设备上保持移动端的体验 */
+html, body {
+  overflow-x: hidden;
+  width: 100%;
 }
--- a/app/layout.js
+++ b/app/layout.js
@ -18,7 +18,9 @@ export default function RootLayout({ children }) {
  return (
    <html lang="zh-CN">
      <body>
-        {children}
+        <div className="w-full flex justify-center">
+          <div className="w-[480px]">{children}</div>
+        </div>
        <Toaster
          toastOptions={{
            duration: 2000,