浏览器兼容问题项目总结（四）页面的最小宽度的设定

来源：互联网发布：linux删除samba用户编辑：程序博客网时间：2024/06/06 00:12

min-width是个非常方便的CSS命令，它可以指定元素最小也不能小于某个宽度，这样就能保证排版一直正确。但IE不认得这个，而它实际上把width当做最小宽度来使。为了让这一命令在IE上也能用，可以把一个div放到body标签下，然后为div指定一个类：然后CSS这样设计：

#container{ min-width: 600px;width:expression(document.body.clientWidth < 600? "600px":"auto" );}

第一个min-width是正常的；但第2行的width使用了Javascript，这只有IE才认得，这也会让你的HTML文档不太正规。它实际上通过Javascript的判断来实现最小宽度。

另一种解决办法是

#box{width: 100px; height: 35px;} html>body#box{ width:auto; height:auto; width:100px; min-height:35px;}

实例：

[html] view plain copy<span style="font-size:18px;">　　<style type="text/css">  #box{ width: 100px; height: 35px;}  html>body #box{ width:auto; height:auto; width:100px; min-height:35px;}   　　</style>  </head>  <body >       <div style="border:1px solid red; width:150px; height:35px;">最小宽度问题</div>       <br/>       <div style="border:1px solid red; width:150px; min-height:35px;">最小宽度问题</div>       解决方法：       <div id="box" style="border:1px solid red;">最小宽度问题</div>       <br/>       <div id="box" style="border:1px solid red;">最小宽度问题</div>  </div>  </body></span>

0 0

浏览器兼容问题项目总结（四） 页面的最小宽度的设定

浏览器兼容问题项目总结（四）页面的最小宽度的设定