테스트 사이트 - 개발 중인 베타 버전입니다

익스플로러 아이콘 깨짐 현상 채택완료

랑기랑기 5년 전 조회 2,578

플라티콘에서 아이콘(PNG)을 다운받아 적용을 하니 

크롬과 엣지에서는 잘나오지만 익스플로러에서는 깨짐현상이 나오는데요

혹시 이부분을 어떻게 해결해야 할까요?

아래 사진 있어요.

 

512px  -> 24px (background-size:24px 24px로 적용)

 

 

   [크롬]               [엣지]              [익스플로러11]

                             

 

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트

이미지가 원 사이즈가 아닐경우 표현하는 방식의 차이입니다.

svg 아이콘으로 대체 하시면 좀 낫습니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

D
5년 전

익스는 원본사이즈가 500px 인데 24px로 줄이는건 그렇게 깨집니다.

그래서 익스는 원본사이즈 2배미만으로 줄여야 안깨져보입니다.

예를들어 24px로 줄이실거면, 원본이미지가 47px 정도로 2배인 48px 에서 1px 정도 빠지게 줄인후

다시 24px 로 줄여야 안깨져보입니다.

위에 말씀드린건 확실한 방법이고, 100px 에서 24px 로 줄여보는 작업도해서 찾아보세요.

결론은 원본이미지가 너무 큰 상태에서 리사이징하면 저렇게 깨집니다 ㅠ

퍼블 경험에서 나온거니 어느정도 신뢰성(?)은 있습니다 ㅋㅋ

 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인