隨手開發小記

平常開發會用 position absolute + inset 填滿這種技法去拉撐 html。

但這技法在 Firefox 中，input, img, video… 等等無結尾標籤的 html 會失效，這時要搭配 width, height 100% 來填滿。

通常 flex 之下，flex-shrink 如果大於 1，如果內容過多，都會壓縮回 flex 大小。

但在 webkit 核心中(safari)，這種壓縮效果會失效。