怎么用js写一个div的宽度发生改变的事件比如随浏览器窗口大小改变而改变

如题所述

推荐答案 2015-03-18

if (window.innerWidth)
winWidth = window.innerWidth;
else if ((document.body) && (document.body.clientWidth))
winWidth = document.body.clientWidth;
为什么还要判断呢 window的内宽肯定不能为0 吧？

温馨提示：答案为网友推荐，仅供参考

当前网址：http://11.wendadaohang.com/zd/27S7447SPq2S7vv772.html

其他回答

第1个回答 2017-12-17

你想让div随着哪个元素改变就给那个元素添加事件
比如
window.onresize=function(){ //随着窗口的改变而改变
//事件里添加要改变的逻辑
div.offsetWidth=(document.documentElement.clientWidth||document.body.clientWidth)/比例
}

第2个回答 2017-12-18

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>测试</title> <style> #ddd{ background-color: red; } </style></head><body> <div id= "ddd"></div> <script> var ddd = document.getElementById('ddd'); window.getComputedStyle(ddd, null); //获取可视窗口的大小调整 var width = window.innerWidth; var height = window.innerHeight; ddd.style.height = height/2 + 'px'; ddd.style.width = width/2 + 'px'; </script></body></html>

第3个回答推荐于2017-07-26

不需要写js，只需要div自适应就可以了。或者设置width="100%"本回答被提问者和网友采纳

第4个回答 2017-12-15

window.onresize=function(){
document.getElementById("div").style.width=你的高度;
}
高度相同 onresize是窗口大小改变时触发的事件

1 2 下一页

相似回答

如何使用jQuery让页面随着窗口大小的改变而自动加减页面的宽度?答：$(window).resize(function(){$(".div1").stop(true,false).animate({width:$(document).width()

大家正在搜

js设置div的宽度和高度 js改变div大小 div的宽度怎么设置 js改变div大小背景颜色 js获取div的宽度 js设置div的宽度 js如何让div宽度递增 html设置div的宽度和高度 jquery修改div宽度

怎么用js写一个div的宽度发生改变的事件 比如随浏览器窗口大小改变而改变

怎么用js写一个div的宽度发生改变的事件比如随浏览器窗口大小改变而改变