[导读] 大家好,今天小热关注到一个比较有意思的话题,就是关于maxWidth的问题,于是小编就整理了2个相关介绍maxWidth的解答,让我们一起看看吧。 文章目录: css中,设置对象宽度的width与max-width区别
大家好,今天小热关注到一个比较有意思的话题,就是关于maxWidth的问题,于是小编就整理了2个相关介绍maxWidth的解答,让我们一起看看吧。
文章目录:
一、css中,设置对象宽度的width与max-width区别何在?我一直觉得只要有了前...
width为宽度
max-width为最大宽度
如果设置了width,那宽度就定死了
而设置了max-width,实际宽度可以在0~max-width之间,当元素内部宽度不足max-width时,外层元素的宽度随内层元素宽度改变
何时用max-width要看需求,如果极其简单的布局width是够了
二、如何理解max-width和min-width csdn
- 页面自适应情况下设置最大宽度和最小宽度的。
说明页面最大宽度为100px;最小宽度是50px;就是超过100px的显示为100px,小于50px的显示为50px;
- 但是ie浏览器不认,如果想在ie中设置最大宽度和最小宽度,并且兼容其它浏览器,网上看了好多都不好使,刚想出了个可以用js做判断,亲测可用。
if(body > 100){
$("body").css({"width":"100px"});
}else if(body < 50){
$("body").css({"width":"50px"});
}else{
$("body").css({"width":bodyW+"px"});
}
max-width:750px;
小于或包括750px(内)的变化
min-width:320px
包括和大于320px(外)的变化
到此,以上就是小编对于maxWidth的问题就介绍到这了,希望介绍关于maxWidth的2点解答对大家有用。
郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。