微信展示，横屏设置

    最近公司安排微信展示公司宣传网页，html格式。由于微信是竖屏展示，打开链接后多数情况不能横屏。

     

一 需求

html中图片旋转90度；

图片自适应，填充整个屏幕。

二 解决方案

1、css代码旋转

#imgId{
	transform: rotate(90deg) !important;  /* !important 提升优先级*/
    position:absolute;
	}

2、js  获取网页可见区域长、宽，设置图片长、宽

function load(){
		var width=document.documentElement.clientWidth;
		var height=document.documentElement.clientHeight;
		
		var bodyDoc=document.getElementById('bodyId');
		bodyDoc.style.width=width+'px';
		bodyDoc.style.height=height+'px';
		
		var ga&#