diff --git a/frontend/scripts/main.js b/frontend/scripts/main.js index 07657df..03bdae0 100644 --- a/frontend/scripts/main.js +++ b/frontend/scripts/main.js @@ -344,18 +344,7 @@ function calculateScale() { if (!sdkContainer) return; - const containerWidth = container.clientWidth; - const containerHeight = container.clientHeight; - - const sdkWidth = 1920; - const sdkHeight = 1080; - - const scaleX = containerWidth / sdkWidth; - const scaleY = containerHeight / sdkHeight; - const scale = Math.max(scaleX, scaleY); - - sdkContainer.style.transform = `scale(${scale})`; - sdkContainer.style.transformOrigin = 'center center'; + sdkContainer.style.transform = 'none'; } function toggleFullscreen() { diff --git a/frontend/styles/main.css b/frontend/styles/main.css index 9ea1b1d..c892577 100644 --- a/frontend/styles/main.css +++ b/frontend/styles/main.css @@ -550,22 +550,22 @@ body { left: 0; width: 100%; height: 100%; - display: flex; - align-items: center; - justify-content: center; overflow: hidden; z-index: 1; } .digital-human-box .sdk-scaling-wrapper .sdk-inner { - transform-origin: center center; - width: 100%; + position: absolute; + top: 0; + left: 50%; height: 100%; + transform: translateX(-50%); + transform-origin: center center; } .digital-human-box .sdk-scaling-wrapper .sdk-inner .digital-intelligent-interaction { - width: 100% !important; - height: 100% !important; + width: 177.78vh !important; + height: 100vh !important; } /* ===== 覆盖 SDK 字体大小 ===== */