在css世界中,提出了min/max-weight的应用场景:它只会出现在自适应布局或流体布局中。我们从最小值和最大值知道它们是具有边界行为的属性。在目前的PC端开发中,为了适配各种不同分辨率的显示屏幕,min/max-width将起到关键作用。下面的应用场景列举了我遇到的一个小情况(电脑分辨率是1920*1080),正常情况是这样的:当我们不设置min-weight的时候,乍一看没有什么变化,但这也是一个当然,最小宽度这个边界值还没有被触发。当我们缩小屏幕时,会出现如下情况:此时页面布局会出现紊乱,导致视觉效果不佳。接下来,我们还原边界值的设置,再看看效果:这时候,当我们达到我们设置的最小宽度时,页面就不会乱码了。max-weight的应用场景与之类似。如果你有兴趣,你可以自己练习。min/max-weight的使用在PC端开发时起着关键作用。下面介绍书中的一些知识点:min-height/min-width的初始值为automax-height/max-width,初始值为nonemax/min-widthbeyond!重要,具有最高优先级
