最大宽度最小宽度

    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的用法类似!

本博客所有文章如无特别注明均为原创。作者:十月梦想复制或转载请以超链接形式注明转自 十月梦想博客
原文地址《最大宽度最小宽度
分享到:更多

相关推荐

发表评论

路人甲 表情
Ctrl+Enter快速提交

网友评论(0)