最大宽度最小宽度
css3又加入了min-width,min-height,max-with,max-height等属性
这里以min-width和,max-width为例min-height和max-height类似
从属性名可以看出最小宽度,最大宽度,从名字看出这是一个限制尺寸的内容
确实如此,这个属性结合width和height以百分比为例最好,反正我是这样用的,我先把自己的代码贴一下
<style type="text/css">
div{
width:30%;
height:50%;
background:greenyellow;
max-width:800px ;
max-height:500px;
min-width:100px;
min-height:120px;
margin:80px auto;
}
</style>
<body>
<!--最大最小宽度表面某个区域受到上限和下限-->
<div>我是一个色块区域</div>
</body>看一下上述的代码,width和height使用了占用浏览器的百分比,当浏览器的可视区域变大时候,实际元素的尺寸随之增大,但是min-width起到了一个很好的最小宽度现在,max-width则限制最大的宽度尺寸,达到该上限元素的区域则不发生改变!min-height和max-height的用法类似!
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2018-2-1，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读