H5页面在移动端自动横屏

首先需要再head标签添加这样一段代码

<meta name="viewport" content="width=device-width,height=device-width,initial-scale=1.0,user-scalable=no">

因为需求是为了满足WEB端和手机端都可以查看整体效果 但由于UI没有设计移动端的样式 所以我想说把这个页面横屏 这样的话效果一样可以在手机端展示 所以我们需要判断是否是在移动端

function isMobileDevice() {var userAgent = navigator.userAgent || navigator.vendor || window.opera;// 常见的移动设备标识var isAndroid = /android/i.test(userAgent);var isiOS = /iphone|ipad|ipod/i.test(userAgent);var isOpera = /opera mini/i.test(userAgent);var isWindows =