예전에 복붙으로 퍼왔던 이미지들을 보니까

 

max width 가 크기로 지정되어있어

 

모바일에선 반틈만 보이는 현상을 확인했습니다.

 

 

그래서 본문 영역 내에 이미지들의 max width 를 100%로 지정하고 싶은데

 

설치된 레이아웃 - 편집 - 하단 css 영역에 

 

.xe_content img { max-width: 100%; height: auto !important }

 

이렇게 넣어 보았는데 적용이 안되는 것 같아요

 

넣은 곳이 잘못 된 걸 까요?

  • profile
    max-width는 최대 크기를 정하므로 상대크기(%)를 지정하기 보다는 절대 크기로 지정하는게 좋을것 같습니다.

    현재 경우에서는 max-width말고 그냥 width:100% 로 해보세요.
  • profile profile
    답변 감사합니다!

    width 100 으로 할 경우 일부러 크기를 작게 생성한 이미지 같은 것들도 다 커지게 될까봐 max-width로 하려구요!

    아래 휘즈님이 남겨주신 방법으로 해결하였습니다!
  • profile
    .xe_content img { max-width: 100% !important; height: auto !important }
  • profile profile
    감사합니다 말씀해주신 방법으로 해결하였어요!