<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
function adjust(obj){
var div = document.getElementById("tb");
var w = document.body.clientWidth;
div.style.width = ""+w+"px";
console.log(w/3);
}
window.onload=function(){
window.onresize = adjust;
adjust();
}
</script>
<body style="margin:0px;">
<table border="1" id="tb">
<tr>
<td>序号</td>
<td>名字</td>
<td>年龄</td>
</tr>
<tr>
<td>1</td>
<td>张三</td>
<td>21</td>
</tr>
<tr>
<td>2</td>
<td>李四</td>
<td>22</td>
</tr>
</table>
</body>
</html>