tnjk.net
当前位置:首页 >> js设置Div高度自适应 >>

js设置Div高度自适应

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

假设div根据浏览器大小改变时跟着自适应改变。 那么js就写在浏览器窗口改变时,获取div的高度值,然后赋值给需要的div。 浏览器改变的时候获取值或者改变值,是有对应的js方法的

首先你得有个高宽比(比例),根据这个比,用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...

举个例子吧: 这是测试的div var o=document.getElementById('test');//获得元素 function add(){ var w=o.offsetWidth;//获得原始宽 o.style.width=w+50+'px';//设置宽度 }

可以 $(function(){ var h = $("#div1").height(); //jquery写法 alert(h); var h1 = document.getElementById("div1").offsetHeight; //js写法 alert(h1); }); 注:div1为你要获取div的id

上边的可以用文本域,加个auto试试,下边的直接定死不就行了

var wt = document.getElementById("picBox").width;这样。 另外推荐用jQuery写。

像你这么说,貌似只有用js来判断了,首先给图片上下左右居中,给父级元素设置overflow:hidden; 然后用过js来获取当前图片的宽高,如果宽度大于高度,那么就高度为100%,宽度自适应,反之宽度100%,高度自适应;

var _height=$("body").height();//获取当前窗口的高度var _width=$("body").width();//获取当前窗口的宽度$('#list').css('width',_width+'px').css('height',_height+'px');//调整列表的宽高

把DIV的高度改成auto 看看

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