最大最小宽高
- 最大宽度：
max-width，最大高度：max-height - 最小宽度：
min-width，最小高度：min-height
当一个元素的尺寸会自动变化时，设置最大最小宽高，可以让它不至于变得过小或过大。
在实际开发中，我们通常为PC端的页面设置一个最小宽度，通常此宽度为设计稿的宽度
html {
min-width: 1226px;
}
又或者，我们会为页面中的所有图片设置一个最大宽度，让其不至于超过容器
img {
max-width: 100%;
}