min-width属性(minlength属性怎么定义)

css min-width怎么理解

min-width顾名思义就是最小宽度

在新版的浏览器内可用，在ie浏览器不能用数值表示。

举个使用的方法：

div style="width:100%; height:20px; background:#f00; min-width:800px;"/div

这个div是全屏的,浏览器不会产生滚动条，但是你把浏览器宽度缩小到800像素的时候，这个div不会再缩小，而浏览器就会产生滚动条

IE6不支持CSS中的min-width/height属性问题的解决方法

废话少说！

最小高度：

最小宽度：

重点：

先利用较新的浏览器识别min-width/height，透过它来指定值,而IE6则是透过width/height取值。 不过这里有个冲突，就是新的浏览器也识别width/height，因此min-width/height会被width/height改写，解决的办法，就是中间那一行。 height: auto !important;(以及width: auto !important;) 由于它标示!important，所以下面那行height无法取代上面这一行，见解变成新的浏览器忽视掉第三行，而让高度不受第三行影响。 另外由于IE6不识别 min-height和 !important属性，所以它还是取第三行的语法，这样就可以相安无事，皆大欢喜。

css的min-width,max-width,max-height,min-height在什么情况下有效

min-width在你没有任何内容的时候，它就生效呀。max-width是在内容超过这个宽度的时候生效。height的作用也是一样的

width和min-width、max-width的关系

若同时设置了width和max-width两个属性，则以下面 规则 显示宽度：

（1）当width max-width时，元素宽度以width为准

（2）若width=max-width则以max-width为准。

默认图片1000*780

若同时设置了width和max-width两个属性，则以下面 规则 显示宽度：

（1）当width min-width时，元素宽度以min-width为准

（2）若width=min-width则以width为准。

如何理解max-width和min-width csdn

页面自适应情况下设置最大宽度和最小宽度的。

如：max-width=“100px”；min-width=“50px”；

说明页面最大宽度为100px；最小宽度是50px；就是超过100px的显示为100px，小于50px的显示为50px；

但是ie浏览器不认，如果想在ie中设置最大宽度和最小宽度，并且兼容其它浏览器，网上看了好多都不好使，刚想出了个可以用js做判断，亲测可用。

如：var bodyW=$("body").outerWidth(true);

if(body 100){

$("body").css({"width":"100px"});

}else if(body 50){

$("body").css({"width":"50px"});

}else{

$("body").css({"width":bodyW+"px"});

}