宽高自适应

为了适应不同的页面，宽高不进行设置，让宽高自行适应

有两种方法实现自适应

第一种   不设置width 或者height 

第二种   设置auto 

假设设置了三个盒子，分为上中下，中间的部分写入大量文字，如果中间的盒子设置了宽高，那多出来的文字就会自己进入底下的盒子，但是要是中间的盒子不设置宽高，中间的盒子就会自行扩宽，满足文字的需求，文字就可以留在中间的盒子里，不进入下面的盒子。

有的时候为了防止图片随着界面的拉宽不断变大，导致失真，模糊，会设置最大宽度，最小宽度则是会随着界面的拉宽不断变大。

最大宽度	max-width
最小宽度	min-width
最大高度	max-height
最小高度	min-height