FLEX给页面添加滚动条实现思路及代码(Flex布局属性)没想到

随心笔谈2年前发布 编辑
162 0
🌐 经济型:买域名、轻量云服务器、用途:游戏 网站等 《腾讯云》特点:特价机便宜 适合初学者用 点我优惠购买
🚀 拓展型:买域名、轻量云服务器、用途:游戏 网站等 《阿里云》特点:中档服务器便宜 域名备案事多 点我优惠购买
🛡️ 稳定型:买域名、轻量云服务器、用途:游戏 网站等 《西部数码》 特点:比上两家略贵但是稳定性超好事也少 点我优惠购买

var winWidth=0;

var winHeight=0;

function findDimensions()

{

//获取窗口宽度

if (window.innerWidth)

{

winWidth=window.innerWidth;

}

else if ((document.body) && (document.body.clientWidth))

{

winWidth=document.body.clientWidth; //获取窗口高度

}

if (window.innerHeight)

{

winHeight=window.innerHeight;

}

else if ((document.body) && (document.body.clientHeight))

{

winHeight=document.body.clientHeight;

}

//通过深入Document内部对body进行检测,获取窗口大小

if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth)

{

winHeight=document.documentElement.clientHeight;

winWidth=document.documentElement.clientWidth;

}

var cssSize=document.styleSheets[0].rules||document.styleSheets[0].cssRules;

if(winWidth < 1100)

{

cssSize[0].style.width=”1100px”;

}

else

{

cssSize[0].style.width=”100%”;

}

if(winHeight < 600)

{

cssSize[0].style.height=”600px”;

}

else

{

cssSize[0].style.height=”100%”;

}

}

window.onresize=findDimensions;

function pageInit() {

//调用函数,获取数值

findDimensions();

}

© 版权声明

相关文章