方向改变时Iphone风格改变

Posted 2021-02-26

Switches body class between .portrait and .landscape for, you guessed it, portrait and landscape mode on the iphone.

window.addEventListener('load', setOrientation, false);
window.addEventListener('orientationchange', setOrientation, false);
 
function setOrientation() {
 var orient = Math.abs(window.orientation) === 90 ? 'landscape' : 'portrait';
 var cl = document.body.className;
 cl = cl.replace(/portrait|landscape/, orient);
 document.body.className = cl;
}