Reactjs SVG 아이콘은 동일한 CSS에도 불구하고 크기가 다릅니다.
P粉184747536
P粉184747536 2024-04-01 13:18:38
0
1
489

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

JSX 코드는 (예시)

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

P粉184747536
P粉184747536

모든 응답(1)
P粉447002127

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

으아아아
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿