移动端横竖屏检测

1、不同视口的获得办法

// 获得视觉视口大小（包括垂直转动条）
let iw = window.innerWidth,
	ih = window.innerHeight;
console.log(iw, ih);

// 获得视觉视口大小（内容区域大小，包括侧边栏、窗口镶边和调剂窗口大小的边框）
let ow = window.outerWidth,
	oh = window.outerHeight;
console.log(ow, oh);

// 获得屏幕幻想视口大小，固定值（屏幕分辩率大小）
let sw = window.screen.width,
	sh = window.screen.height;
console.log(sw, sh);

// 获得阅读器可用窗口的大小（包括内边距、但不包括垂直转动条、边框和外边距）
let aw = window.screen.availWidth,
	ah = window.screen.availHeight;
console.log(aw, ah);

// 包括内边距、转动条、边框和外边距
let dow = document.documentElement.offsetWidth,
	doh = document.documentElement.offsetHeight;
console.log(dow, doh);

// 在不应用转动条的情形下合适视口中的所有内容所需的最小宽度和高度
let dsW = document.documentElement.scrollWidth,
	dsH = document.documentElement.scrollHeight;
console.log(dsW, dsH);

// 包括元素的内边距，但不包括边框、外边距或垂直转动条
let cw = document.documentElement.clientWidth,
	ch = document.documentElement.clientHeight;
console.log(cw, ch);
// 获得视觉视口大小（包括垂直转动条）
let iw = window.