由于最近手头上的事情和模拟桌面应用有关,因此对布局的要求比较苛刻,比如页面最大宽度和最小宽度的问题,
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
比较耗进程吧