width、min-width、max-width之间的区别

width、min-width、max-width之间的区别

未设置width

在未设置width时，元素是由内容撑起来的，此时可以设置max-width与min-width，将写的内容在网页展示时，将页面进行放大，然后将页面缩小，在缩小的过程中，当页面的width小于min-width时，将会在下端出现一个横向滚动条（可以左右拖拽）。
min-width的目的为设置一个最小width，可以将一些非常重要的内容放入，它不会随着页面的缩放而有所改变。
max-width为，页面进行拉伸时会将内容进行一个固定，不会占满一整个屏幕，只是在一个区域内缩放。

设置width

当width处于max-width与min-width中间时可以在width与min-width中间缩放。
当width小于min-width时，宽度固定为min-width的值。
当width大于max-width时，宽度可以在min-width与min-width中间缩放。