CSS 中的最小和最大宽度/高度

Avatar of Chris Coyier
Chris Coyier 发布

DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200 美元的免费额度!

以下是 Ahmad Shadeed 对min-width / min-height / max-width / max-height 的深入探讨。我喜欢 Ahmad 在解释其工作原理的同时,将这些属性应用于现实世界的设计场景。例如,在第一个演示中,他展示了一个按钮,其中min-width 用作(尝试)确保按钮两侧留有空间的方法。如果文本足够短,它就能起作用;如果文本较长,则会失效。这正是此行业的基本“CSS 思维方式”。

直接链接 →