예전에 복붙으로 퍼왔던 이미지들을 보니까
max width 가 크기로 지정되어있어
모바일에선 반틈만 보이는 현상을 확인했습니다.
그래서 본문 영역 내에 이미지들의 max width 를 100%로 지정하고 싶은데
설치된 레이아웃 - 편집 - 하단 css 영역에
.xe_content img { max-width: 100%; height: auto !important }
이렇게 넣어 보았는데 적용이 안되는 것 같아요
넣은 곳이 잘못 된 걸 까요?
예전에 복붙으로 퍼왔던 이미지들을 보니까
max width 가 크기로 지정되어있어
모바일에선 반틈만 보이는 현상을 확인했습니다.
그래서 본문 영역 내에 이미지들의 max width 를 100%로 지정하고 싶은데
설치된 레이아웃 - 편집 - 하단 css 영역에
.xe_content img { max-width: 100%; height: auto !important }
이렇게 넣어 보았는데 적용이 안되는 것 같아요
넣은 곳이 잘못 된 걸 까요?
댓글 4
현재 경우에서는 max-width말고 그냥 width:100% 로 해보세요.
width 100 으로 할 경우 일부러 크기를 작게 생성한 이미지 같은 것들도 다 커지게 될까봐 max-width로 하려구요!
아래 휘즈님이 남겨주신 방법으로 해결하였습니다!