Reactjs SVG 아이콘은 동일한 CSS에도 불구하고 크기가 다릅니다.

Question

reactjs를 사용하여 웹사이트를 구축하는 것은 이번이 처음입니다. 저는 React Icon Library의 ReactJS 아이콘을 사용해 왔습니다. 이러한 아이콘이 웹사이트의 동일한 부분에서 반복되면 크기가 달라집니다. 참고하실 수 있도록 사진을 첨부합니다.' 수표를 사용하여 확인했습니다. 보여주다 작은 아이콘의 경우 경로는 9.97x9.97이지만 일반 디스플레이의 경우 경로는 14x14입니다. 경로가 무엇을 의미하는지 잘 모르겠고 아이콘의 크기가 왜 다른지 잘 모르겠습니다

JSX 코드는 (예시)

으아아아 으아아아 이미지의 첫 번째 아이콘을 확인하세요. 완전히 동기화되지 않은 것 같습니다.

Answer 1

이 문제는 Flex로 인해 발생합니다. 아이콘을 div로 감싸거나 flex-shrink: 0 添加到 .exp__details-icons 클래스를 추가하세요.

으아아아