页面的最小宽度

在做页面的时候，为了让做的页面不拘束于某个规定的宽度内，我们需要在做页面定义主样式时指定width为auto,但又必须指定最小宽度，因为如果碰见变态的用户就一直的缩小就会让页面特别难看，所以问题就来了，因为火狐指定min-width样式属性可以指定最小值，而IE缺不行，那么就需要用新的坚决方案。下面是我碰见的情况，罗列下来给其他人参考：

1.使用基本的js

.main{min-height:590px;min-width:800px;width:expression((document.body.clientWidth < 800) ? "800px" : "auto" );background:#fff;border:#b6c7df 1px solid;margin:15px;padding:2px;font-size:12px;text-align:center;}

2.页面中使用jquery

.main{min-height:590px;min-width:800px;width:expression(($(window).width() < 800) ? "800px" : "auto" );background:#fff;border:#b6c7df 1px solid;margin:15px;padding:2px;font-size:12px;text-align:center;}
3.页面存在extjs

.main{min-height:590px;min-width:800px;width:expression((Ext.getBody().getWidth()  < 800) ? "800px" : "auto" );background:#fff;border:#b6c7df 1px solid;margin:15px;padding:2px;font-size:12px;text-align:center;}

 

主要思路是：使用IE的expression方法