GaramX

이 문서는 읽기 전용입니다. 원본을 볼 수는 있지만 바꿀 수는 없습니다. 문제가 있다고 생각하면 관리자에게 문의하세요.

====== ResizeObserver ======

<code javascript>

                const resizeObserver = new ResizeObserver((entries) => {
                    for (let entry of entries) {
                        var msg = "good! ";
                        if (entry.contentBoxSize) {
                            msg += "boxSize:";
                            if (entry.contentBoxSize[0]) {
                                msg += entry.contentBoxSize[0].inlineSize;
                                msg += ":";
                                msg += entry.contentBoxSize[0].blockSize;
                            } else {
                                msg += entry.contentBoxSize.inlineSize;
                                msg += ":";
                                msg += entry.contentBoxSize.blockSize;
                            }
                            msg += ":";
                        } else {
                            msg += "rectSize:";
                            msg += entry.contentRect.width;
                            msg += ":";
                            msg += entry.contentRect.height;
                            msg += ":";
                        }
                        msg += "body-width : " + $("body").width() + "; ";
                        msg += "body-height : " + $("body").height() + "; ";
                        msg += "main-width : " + $("main").width() + "; ";
                        msg += "main-height : " + $("main").height() + "; ";
                        $("#message").html(msg);
                    }
                });

                resizeObserver.observe(document.querySelector("#content"));
               </code>

GaramX

사용자 도구

사이트 도구

문서 도구