发现 Fatwigoo

Avatar of Chris Coyier
Chris Coyier

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

当您使用一些内联 <svg> 并且没有设置 heightwidth,但设置了 viewBox 时,这就是一个 **fitwigoo**。 我喜欢这个名字。

Fatwigoo 的问题是 <svg> 会像块级元素一样调整大小,直到 CSS 介入并(可能)具有调整大小规则将其调整到适当位置之前,它会渲染得非常大。

这就像如果你使用非常快的互联网进行开发,你可能永远不会看到它。 但是,如果你在互联网速度慢或延迟高的地区(或者如果你像 Karl Dubost 一样,完全屏蔽了 CSS),你可能会经常看到它。

在我了解到这有多讨厌之前,我也是一个罪魁祸首。 刚开始,在 HTML 中而不是在 CSS 中调整大小感觉很奇怪。 我现在的解决方案通常是在内联 SVG(可能是图标)上保留合理的默认值,例如 height="20" width="20",并且仍然在 CSS 中进行实际的调整大小。

直接链接 →