Safari unterstützt kein CSS für kreisförmige Avatare

Question

Mein Blog verwendet eine gatsbyReact-Vorlage, aber wenn ich sie auf Safari (iPhone oder Mac) öffne, ist das Avatarbild nicht rund. Einfacher Code-Blog Dies ist der Stil, den ich für meinen Avatar verwende - Radius:100%;}

P粉289775043 · Answer

您应该用这个更改您的 CSS 代码。问题在于 border-radius 值。

.bio-avatar {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
}