由于最近手头上的事情和模拟桌面应用有关,因此对布局的要求比较苛刻,比如页面最大宽度和最小宽度的问题,
ie7+和其他比较标准的浏览器对于这个就比较好办了:
body{
margin:0;
padding:0;
}
.doc{
margin:0 auto;
width:90%;
max-width:1000px;
min-width:500px;
height:600px;
background-color:#FF8080;
}
HTML:
<body> <div class="doc"> Document </div> </body>
由于ie6对CSS2.1标准不支持,所以就想到了一个比较牵强的方法,加上这段CSS模拟一下就可以了
<!--[if ie 6]>
<style type="text/css">
.doc{
width:expression( Math.max(500,Math.min(1000,document.body.offsetWidth*0.9))+"px" );
}
</style>
<![endif]-->
事实上,ie在CSS expression上的开销还是很大的.
1 楼
trystudy
2008-11-14
比较耗进程吧