//xuan 版面js windowheight設定給目前的外圍html:--window-inner-height:
            // this syncs the window height
            const syncWindowHeight = () => {
                document.documentElement.style.setProperty(
                    "--window-inner-height",
                    `${window.innerHeight}px`
                );
            }
            //更新裝置方向,為了控制CSS,因此需要新增Class
            const updateLandScapeAndWidthUnder960pxClass = () => {
                if (window.innerWidth > window.innerHeight && window.matchMedia("(max-width: 960px)").matches) {
                    document.body.classList.add('landscapeDevice');
                } else {
                    document.body.classList.remove('landscapeDevice');
                }
            }
            // this locks the body and remembers the scroll position
            let scrollY;
            syncWindowHeight();
            scrollY = window.scrollY;
            document.documentElement.classList.add('epubOpen');
            document.documentElement.classList.add('lightBg');
            window.addEventListener("resize", function () {
                updateLandScapeAndWidthUnder960pxClass();
                if (isAndroid && (document.getElementsByClassName("ReeditNoteView")[0].querySelector(".popup").classList.contains("popup-active") || document.getElementsByClassName("ReeditBookMarkView")[0].querySelector(".popup").classList.contains("popup-active"))) {
                    return;
                }
                syncWindowHeight();
            });
            window.addEventListener('orientationchange', updateLandScapeAndWidthUnder960pxClass);
            updateLandScapeAndWidthUnder960pxClass();