css3让盒子固定宽高

CSS3提供了许多新的属性，其中包括让盒子固定宽高的属性。在以前的版本中，我们通常利用固定的像素来设置宽高，但是这样会存在一些问题，比如当屏幕尺寸改变时，页面布局就会出现失调。现在我们就可以使用CSS3来解决这个问题。

.Box {
  width: 50%;
  height: 300px;
  max-width: 800px;
  min-height: 150px;
}

这里介绍几个常用的CSS3属性。

max-width：设置盒子的最大宽度，当屏幕尺寸超过这个宽度时，盒子不再增加尺寸。

min-width：设置盒子的最小宽度，当屏幕尺寸小于这个宽度时，盒子不再缩小尺寸。

max-height：设置盒子的最大高度，当内容超过这个高度时，会出现滚动条。

min-height：设置盒子的最小高度，当内容不足这个高度时，盒子也不会再缩小。

以上属性可以配合使用，来保证盒子在不同的设备上能够有合适的尺寸。