【询问】JS问题 为什么浏览器缩小后就不自动resize了?

拼命二郎 2013-01-24 05:49:36
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
body{ margin:0; padding:0;}
.wrap{ width:100%;}
.div01{ width:50%; height:200px; background:#999; float:left; overflow:hidden;}
.div01 table{ width:100%;}
.div02{ width:30%; height:200px; background:#F00; float:left; overflow:hidden;}
</style>
<script type="text/javascript">
function change(){
var width01=document.getElementById("div01");
var width02=document.getElementById("div02");
var clientWidth=document.body.clientWidth;
if(clientWidth<500){
width01.style.width=300+"px";
}else{
width01.className="div01";
}
}
</script>
</head>

<body onload="change()" onresize="change()">
<div class="wrap">
<div class="div01" id="div01">
<table border="1">
<tr>
<td width="20%">111</td>
<td width="30%">222</td>
<td width="20%">333</td>
<td width="10%">444</td>
<td width="10%">555</td>
<td>666</td>
</tr>
<tr>
<td width="20%">111</td>
<td width="30%">222</td>
<td width="20%">333</td>
<td width="10%">444</td>
<td width="10%">555</td>
<td>666</td>
</tr>
</table>
</div>
<div class="div02" ice:editable="div02"></div>
</div>
</body>
</html>
...全文
407 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
拼命二郎 2013-01-25
  • 打赏
  • 举报
回复
先自己顶一下帖子~

1,451

社区成员

发帖
与我相关
我的任务
社区描述
多媒体/设计/Flash/Silverlight 开发 图象工具使用
社区管理员
  • 图象工具使用社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧