We Completely Missed width/height: stretch

We Completely Missed width/height: stretch

摘要

stretch是Chromium浏览器2025年推出的CSS关键词，用于width和height等属性，替代了非标准的-webkit-fill-available和-moz-available。它类似于100%，但忽略padding，直接匹配包含块的尺寸。虽然box-sizing: border-box也能实现类似效果，但stretch更简洁且支持动画过渡。目前仅Chromium浏览器支持，可通过@supports规则兼容其他浏览器。这一功能虽小，却极大提升了开发体验。