大家好，分享一個我們最近排查到的 Android Chrome 橫直切換問題。

環境是：

LayaAir 3.3.10
scaleMode = showall
Android Chrome
iOS Safari 未重現
現象是：手機直版切橫版時，偶爾 canvas/stage 沒有正確貼合實際可視區，導致遊戲畫面底部被瀏覽器窗口切掉。點一下畫面後通常又會恢復正常。

一開始我們以為是遊戲內 UI transition 或橫直版 layout 動畫問題，後來做了一個乾淨場景，只建立一個 Maingame Sprite，不跑遊戲 UI transition，依然可以重現，所以基本排除遊戲 UI layout。

關鍵 log 如下：

window.innerWidth / innerHeight = 592 x 328
visualViewport.width / height = 592 x 280
canvas rect = 583 x 328
也就是 Android Chrome 旋轉時，window.innerHeight 已經回報 328，但 visualViewport.height 還是 280，實際可見區也像是 280。Laya 的 showall resize 如果用到 328，就會把 canvas 撐到 328 高，結果底部 48px 被切掉。

我們目前的 workaround 是：

Android landscape 時，如果偵測到 visualViewport.height 明顯小於 window.innerHeight，先記住這個較小的安全高度。
在一段保守時間內，不要立刻相信後續變大的 window.innerHeight。
不只呼叫 updateCanvasSize()，而是直接用安全高度套 stage.setScreenSize(width * pixelRatio, height * pixelRatio)，避免後續 Laya resize 又把 canvas 撐回較大的尺寸。
退出橫版或進 fullscreen 後再釋放這個保守高度。
簡化概念大概是：

const vv = window.visualViewport;
const dpr = Laya.Browser.pixelRatio window.devicePixelRatio 1;

if (Laya.Browser.onAndroid && vv && isLandscape()) {
const visualH = Math.round(vv.height);
const windowH = Math.round(window.innerHeight);

if (windowH - visualH >= 16) {
    const safeW = Math.round(Math.min(window.innerWidth, vv.width));
    const safeH = visualH;

    const stage = Laya.stage as any;
    Laya.systemTimer.clearCallLater(stage, stage.updateCanvasSize);
    stage.setScreenSize?.(
        Math.round(safeW * dpr),
        Math.round(safeH * dpr)
    );
}

}
目前我們測了幾十次 Android 旋轉，暫時沒有再遇到畫面被切。

想問問大家：
LayaAir 這邊是否有更官方的「旋轉後強制刷新 stage/canvas size」方式？或者是否有人也遇過 Android Chrome visualViewport / innerHeight 在 orientationchange 後不同步，導致 showall canvas 被裁切的情況？

以上為codex排查之結論，不代表本人立場．嘿嘿