jcst.net
当前位置:首页 >> 如何用js根据屏幕高度控制Div高度 >>

如何用js根据屏幕高度控制Div高度

改变div高度 $(function(){ //为div设置边框 $("#container").css("border","1px solid gray"); //改变div的高度 $("#container").height($(window).height()); //改变div的宽度 $("#container").width($(window).width()); }); 另附Jquery获取...

下面设定你想让的div 类名 是center 他的宽度是 300px 高度是 200px 注意 需要引用jquery脚本 center 的样式.center{width:300px;height:200px;position:absolute; z-index:9999;} 那么在js 里面 写入 var aa=document.body.clientHeight; //网...

测试 #ddd{ background-color: red; } var ddd = document.getElementById('ddd'); window.getComputedStyle(ddd, null); //获取可视窗口的大小调整 var width = window.innerWidth; var height = window.innerHeight; ddd.style.height = heig...

你好,你这个应该是获取浏览器高度的问题。 function getContentSize() { var wh = document.documentElement.clientHeight; var eh = 300; ch = (wh - eh) + "px"; document.getElementById( "ens" ).style.height = ch; } window.onload = get...

首先你得有个高宽比(比例),根据这个比,用js计算就是了。 function resizeHeight(id,size){ var ele = document.getElementById(id); var width = ele.offsetWidth; ele.style.height = size*width+"px"; } 说明:id是div的id(String),size...

window.onresize = function(){ var percent = 0.XX; //将div设置成浏览器高度的百分比 var myDiv = document.getElementById("divid");//根据id获取这个div myDiv.style.height= window.document.body.clientHeight*percent ; }

var win_w = $(window).width();//获取宽度var win_h = $(window).height();//获取高度如果你想要匹配高度,那么,就是页面刚刚打开其实没有数据,是等页面打开,计算了屏幕高度之后,再根据每条数据的高度计算出条数,再利用ajax的异步传输去读...

var width = document.body.scrollHeight; //获取屏幕高度 document.getElementById("//自己设置个id 用bytagname会有兼容问题").style.margin-top

$(window).resize(function(){ resizeWindow(); }); function resizeWindow(){ var winH = $(window).height(); $("div").css('height',winH+'px');//这里的div,选择你的那个div }

document.getElementById("div1").style.height=document.getElementById("div2").offsetHeight; //仅IE document.getElementById("div1").style.height=document.getElementById("div2").offsetHeight+ "px"; //兼容FF、IE等 document.getEleme...

网站首页 | 网站地图
All rights reserved Powered by www.jcst.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com