Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
$(window).on("orientationchange", function() { const isLandscape = window.orientation === 90 || window.orientation === -90; $("body").toggleClass("landscape", isLandscape); // Close modals in landscape on small screens if (isLandscape && window.innerHeight < 400) $(".modal").modal("hide"); }); // Modern approach with Screen API (preferred) screen.orientation.addEventListener("change", () => { const type = screen.orientation.type; // "landscape-primary", "portrait-primary" adjustLayoutForOrientation(type); });
Result
Open