http://www.cococob.com/board_SCUy03/1427

을 봐 주시면 좋겠습니다. 

 

일단 사이트는 반응형으로 만들었구요

그래서 모바일 사이즈일때를 굉장히 신경쓰는 편입니다. 

 

디자인상 ...

이거 위치를 어떻게 설명드려야 할 지 모르겠는데

요소검사할때

position: absolute; top: 294px; background: #F4F4F4; z-index: 100;box-shadow:0px 10px 10px 10px #000;

 

로 검색해주시면 나오는 div부분에 position을 absolute걸어놓고 디자인하니

 

http://www.cococob.com/board_SCUy03/1427

페이지에 있는 a4 배율 이미지는 

 

모바일사이즈에서 이미지리사이즈가 완전히 안되네요.

(글씨를 읽는데는 적당히 축소되서 도움이 될지는 모르겠지만) 저는 완전히 창 크기에 쏙 맞게 되었으면 좋겠습니다. 

 

창 크기를 모바일 사이즈로 줄여도 이미지가 적당히 축소가 안되니 하단에 가로스크롤이 남는 것이 안예쁘네요..

 

음 .. 

원인은 분명 absolute 때문인 것인거같긴한데..

사이트 심미적?기능적 요소를 해치지 않고 이미지만 잘 리사이즈 될 수 있도록 하는 방법이 뭐가 있을까요??..

 

리나님의 애드온 https://www.xpressengine.com/index.php?mid=download&package_id=21352623

이 기억나서 이걸 이용해볼까 싶다가 코코팜77님의 댓글이 무서워서 쉽사리 적용하지도 못하고 있는 입장입니다(...)

 

제 레이아웃에 관여하는 css적으로 해결 가능한 문제라면...

  애드온까지 가서 xe가 처리하는 img까지 안가고 해결 보고 싶거든요..

 

덧붙여서...왜 리사이즈가 안됬던 원인이 뭔지 궁금하네요 ㅠ.ㅠ 머리가 나빠서 당췌 이유를 모르겠어요 혼자 잠정적으로 가로세로비율이 차이가 커서 그런거겠지 싶긴하지만 왜 absolute일때만...??...

 

과연......답변이 있을지 좀 망설여집니다만................ㅎㅎㅎ