fix(frontend): fix iframe scrollbar issue by using 100% instead of 100vw/vh and setting html/body/root to 100% height

2026-03-21 04:10:33 +08:00
parent 78bb639a83
commit d9a64f7768
2 changed files with 9 additions and 2 deletions
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -4,6 +4,12 @@
  box-sizing: border-box;
 }

+html, body, #root {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+
 body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
 }
--- a/frontend/src/pages/Earth/Earth.tsx
+++ b/frontend/src/pages/Earth/Earth.tsx
@@ -3,9 +3,10 @@ function Earth() {
    <iframe
      src="/earth/index.html"
      style={{
-        width: '100vw',
-        height: '100vh',
+        width: '100%',
+        height: '100%',
        border: 'none',
+        display: 'block',
      }}
      title="3D Earth"
    />