当前位置: 代码迷 >> Web前端 >> ie6模拟最大宽度和最小宽度的有关问题
  详细解决方案

ie6模拟最大宽度和最小宽度的有关问题

热度:263   发布时间:2012-10-28 09:54:44.0
ie6模拟最大宽度和最小宽度的问题
由于最近手头上的事情和模拟桌面应用有关,因此对布局的要求比较苛刻,比如页面最大宽度和最小宽度的问题,
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  
比较耗进程吧
  相关解决方案