모바일 반응형 로고 문의드립니다.
본문
에티테마 v1.3dmf 적용하였는데요.
로고이미지가 모바일로 바뀌면 처음에는 로고 이미지도 반응이 되서 바뀌는데요.
게시판에 들어가서 로고를 보면 반응이 안되고 로고 사이즈 그대로인데요.
다시 로고를 입력하면 정상적으로 로고가 반응이되고 다시 게시판에 들어가면 로고가 반응이 안되서
모바일상에서 이미지사이즈 그대로 나타나네요.
답변 3
아래 좌표 참고해 작업해 보세요.
https://homzzang.com/b/css-251 (선택자 위치 찾기)
https://homzzang.com/b/css-242 (이미지 반응형)
윗분께서 알려주신 선택자 위치찾기를 참조해 보시면 아마도 해당 img요소에 서로 다른 곳에서 style이 적용 되 있을수 있습니다.
적용된 css파일을 열어서
img{
width:100% !important;
max-width:500px !important; /*원하는 사이즈로 조정*/
hight:auto !important;
}
이렇게 해보시면 될 것 같습니다.
혹시나 해서 에티테마 검색해보니 질문이 있어서 답변드립니다. ^^
윗분들 신비님과 락m 님 처럼 수정하셔도 되고요
저는 개인적으로 로고이미지에 class="logo-img" 라는 속성을 하나 주셔서
.logo-img{max-width:100%}
이렇게 하시면 자동으로 반응형이 될것 같습니다.
img 에 width 값이나 height 값등이 강제로 기입되어 있으면 반응형이 효과가 없으니
일단 로그 이미지를 pc 버전에 맞게 제작하시는게 가장 좋을것 같구요
되도록이면 모바일용 로고를 별도로 만드시는걸 추천드립니다. ^^
