日期:2014-05-18  浏览次数:20449 次

如何根据分辨率设置表格的宽度
我现在分辨率一般为1024x768和800x600,我想根据屏幕分辨率改变页面的<table>的宽度,如果大于等于1024则宽度设为960px,如果小于则设为778px,请教改如何实现,我用下面代码不行
<script>
if (screen.width>=1024) 
{
  t.width="960px";
} else {
  t.width="778px";
}
</script>

<table id="t" ...


------解决方案--------------------
document.getElementById("t").style.width="960px";

------解决方案--------------------
if (screen.availWidth>=1024) 

document.getElementById("mytable").style.width=""; 

else 

document.getElementById("mytable").style.width="";

或设置样式
.t{
width: expression(document.body.offsetWidth - 4);
height: expression(document.body.offsetHeight - 4);
border: 1px dotted #6699FF;
}
<table id="t" class="t"

------解决方案--------------------
document.documentElement.clientWidth和clientHeight可以获取浏览器的窗口大小
expression表达式只有IE支持.
还是用百分比来定宽度比较好吧.真的没见过像你这么费劲判断的.