Safari tidak menyokong CSS untuk avatar bulat

Question

Blog saya menggunakan templat gatsby React, tetapi apabila saya membukanya di Safari (iPhone atau Mac), imej avatar tidak bulat. Blog kod ringkas

Ini adalah gaya yang saya gunakan untuk avatar saya

.bio-avatar {
  margin-right: var(--spacing-4);
  margin-bottom: var(--spacing-0);
  min-width: 50px;
  border-radius: 100%;
 }

Answer 1

Anda harus menukar kod CSS anda dengan ini. Masalahnya ialah dengan nilai border-radius.

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