Safari는 원형 아바타에 대해 CSS를 지원하지 않습니다.

Question

내 블로그는 gatsby React 템플릿을 사용하고 있는데 Safari(iPhone 또는 Mac)에서 열면 아바타 이미지가 둥글지 않습니다. 간단한 코드 블로그

이것이 제가 아바타에 사용하는 스타일입니다

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

Answer 1

이것으로 CSS 코드를 변경해야 합니다. 문제는 border-radius 값에 있습니다.

으아악