https://www.hdzikao.com

css中,设置对象宽度的width与max-width区别何在?我一直觉得只要有了前...(如何理解max-width和min-width csdn)【maxwidth与max-width区别何在】

[导读] 大家好,今天小热关注到一个比较有意思的话题,就是关于maxWidth的问题,于是小编就整理了2个相关介绍maxWidth的解答,让我们一起看看吧。 文章目录: css中,设置对象宽度的width与max-width区别

css中,设置对象宽度的width与max-width区别何在?我一直觉得只要有了前...(如何理解max-width和min-width csdn)【maxwidth与max-width区别何在】

大家好,今天小热关注到一个比较有意思的话题,就是关于maxWidth的问题,于是小编就整理了2个相关介绍maxWidth的解答,让我们一起看看吧。

文章目录:

  1. css中,设置对象宽度的width与max-width区别何在?我一直觉得只要有了前...
  2. 如何理解max-width和min-width csdn

一、css中,设置对象宽度的width与max-width区别何在?我一直觉得只要有了前...

width为宽度

max-width为最大宽度

如果设置了width,那宽度就定死了

而设置了max-width,实际宽度可以在0~max-width之间,当元素内部宽度不足max-width时,外层元素的宽度随内层元素宽度改变

何时用max-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"});

}

max-width:750px;

小于或包括750px(内)的变化

min-width:320px

包括和大于320px(外)的变化

到此,以上就是小编对于maxWidth的问题就介绍到这了,希望介绍关于maxWidth的2点解答对大家有用。

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

相关文章阅读