论坛首页 Web前端技术论坛

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

浏览 4545 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2008-11-08  
CSS
由于最近手头上的事情和模拟桌面应用有关,因此对布局的要求比较苛刻,比如页面最大宽度和最小宽度的问题,
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上的开销还是很大的.




   发表时间:2008-11-14  
比较耗进程吧
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics