아이폰에서만 홈페이지 로고가 뒤집혀 보여요

Question

제작한여러 사이트 중 특정 몇개 사이트만

아이폰상에서 메인로고가 90도 뒤집혀 보이네요

갤럭시 등의 다른 폰은 안그런것같아요

이유 아시는분 있으실까요?

아래 사이트 메인로고요 ㅠㅠ

조언부탁드립니다.

2950635363_1596033298.0809.png

eyekiss · Accepted Answer

아이폰이 없어서 정확하진 않지만 의심가는 부분은..

@media only screen and (max-width: 720px) and (min-width: 320px)
#m_logo img {
vertical-align: left;
width: 56%;
}

소스에 이렇게 되어 있던데..

@media only screen and (max-width: 320px) 부분에서

#m_logo img 사이즈가 있는지 확인하시고 없으면 추가해주세요.

다른 방법은 and (min-width: 320px) 부분을 삭제하고,

@media only screen and (max-width: 720px) 로 수정하는 방법도 있습니다.

뚜이야 · Answer

이거 해결했는데 이미지자체에 메타정보가 있어서 그렇다고하네요!

메타정보를 지우고 하면되는거였는데..
저는 https://comterman.tistory.com/1899 요기 사이트참고했습니다.

정성어린 답변 감사드립니다^^