修复手机端无法滚动:添加 viewport meta 标签并在移动端允许根容器垂直滚动
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Opus 4.7
parent
c56c490b60
commit
ff4c8b0139
@@ -25,6 +25,7 @@ export default function RootLayout({
|
|||||||
return (
|
return (
|
||||||
<html lang="zh-CN" className="dark">
|
<html lang="zh-CN" className="dark">
|
||||||
<head>
|
<head>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||||
<link
|
<link
|
||||||
rel="preconnect"
|
rel="preconnect"
|
||||||
|
|||||||
@@ -120,3 +120,13 @@
|
|||||||
background: #dbeafe;
|
background: #dbeafe;
|
||||||
filter: saturate(0.95) brightness(1.12);
|
filter: saturate(0.95) brightness(1.12);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* ── Mobile: allow vertical scrolling ── */
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.root {
|
||||||
|
overflow: auto;
|
||||||
|
height: auto;
|
||||||
|
min-height: 100vh;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user