웹마스터 팁
모바일 게시판에서 이미지 리사이즈 적용방법
2014.02.24 15:55
from @foret님
http://www.xpressengine.com/index.php?mid=userForum&document_srl=22621815&comment_srl=22621961&rnd=22621965#comment_22621965
board.css에 아래를 추가해주세요. 그럼 끝
@media (max-width: 480px) {.본문 img {display:inline-block; width:auto\9 !important; /* ie8 */ width:auto !important; max-width:100%; min-width:100%; height:auto !important;}}
이후에 본문내 이미지 조절 관련 애드온을 꺼주시고 테스트 하시면 됩니다.
댓글 6
-
foret
2014.02.24 15:56
-
socialskyo
2014.02.24 15:58
네. 그렇군요 수정 하였습니다. ^^
-
착한악마
2014.02.25 11:47
반응형이 아니라면 @media (max-width: 480px) {.본문 img {display:inline-block; width:auto\9 !important; /* ie8 */ width:auto !important; max-width:100%; min-width:100%; height:auto !important;}}
media 태그는 필요 없을듯합니다.
*참고로 레이아웃에 입력시 컨텐츠 영역에 있는 모든 img 파일이 100% 되버립니다. 참고로 썸네일까지 100%가 되니 이점 주의하셔야 합니다.
-
foret
2014.02.25 15:33
Media 태그를 붙이지 않으면 모바일이 아니라 원래 크기 게시판에서도 100% 로 나오는지라 ㅎㅎ 무조건 100% 가 되길 바라지 않는 너비도 있을 거 같아 일단 넣으시고 수정하시는게 좋을 것 같고요. Img 앞에 .게시판본문영역class를 넣으면 본문영역 img 만 적용되니 레이아웃 css에 넣어도 문제 없을겁니다 ^^ 해당스킨게시판본문영역class 를 알아야 하지만요! -
착한악마
2014.02.25 17:59
모바일 레이아웃에 넣는 css는 그런필요없죠 ^^ 다만 게시판본문영역 class가 게시판스킨마다 달라서..ㅡㅡ;;;쩝.
모바일 레이아웃에 넣기에는 공용으로 쓰는 레이아웃에 넣기가 힘들듯합니다.
본문 영역만 주는것이 좋을듯한데..ㅋㅋ 모바일 레이아웃에서 모든 게시판 스킨의 본문 class를 가지고 있기에는 쩝......
이참에 한번 찾아 봐야 겠습니다. ㅋ 게시판스킨들이 본문영역에 어떤 class 를 사용하는지요
스케치북 : .rd_body
xe official : .boardReadBody
ㅡㅡ;; 다 다르네..쩝..
-
foret
2014.02.25 22:53
네 착한악마님 말씀이 맞는 거 같네요~ 제가 보통 반응형레이아웃을 쓰다보니까요 ㅎㅎ 레이아웃 css 에 넣으면 관리자모드에서 수정도 가능하고 등등 이런 것만 생각했네요.
제목 | 글쓴이 | 날짜 |
---|---|---|
css3 안쪽과 바깥쪽 그림자 만들기 입니다 | 낮은자 | 2014.03.06 |
css3 둥근테두리 만들기 | 낮은자 | 2014.03.06 |
XE 어플로 만들때 PUSH 기능처리 방법 | 웹빌드 | 2014.03.06 |
폰갭 제작 어플 gcm 발송시 변수 | 웹빌드 | 2014.03.04 |
페이지 모듈에서 다국어 기능 작동 안 하는 버그 패치법 [1] | sejin7940 | 2014.03.04 |
xe 홈페이지 폰갭으로 묶을때 | 웹빌드 | 2014.03.03 |
방명록 댓글 줄바꿈 | 메디칼온 | 2014.03.03 |
[팁 시리즈 2] 한글 도메인이나 영문 도메인 설정을 잘못 건드려서 사이트의 모든 기능이 거의 먹통입니다! | Omega3 | 2014.03.01 |
해외 아이피 차단 방법입니다. [3] | Flolida | 2014.03.01 |
정규식 문법 | 웹엔진 | 2014.02.28 |
[팁 시리즈 1] 웹 사이트 이전 및 복구/백업(이)가 되지 않습니다! [6] | Omega3 | 2014.02.28 |
[10원팁] 서버에 계정추가후 새로설치하는데 CSS가 깨진다? [3] | 키스미베이베 | 2014.02.27 |
nginx 에서 서브도메인 사용시 로그인유지방법 [3] | garnecia | 2014.02.26 |
1.5버전대에서 1.7.4버전으로 업데이트시.. [4] | 똑디 | 2014.02.26 |
누리고 + KCP 결제 모듈 사용시 "연동 모듈 호출 오류" 가 날때 [1] | idkiller | 2014.02.26 |
Specify image dimensions | socialskyo | 2014.02.26 |
SFTP 적용하기 [6] | Seeean | 2014.02.24 |
모바일 게시판에서 이미지 리사이즈 적용방법 [6] | socialskyo | 2014.02.24 |
textyle에서 카카오 보내기 버튼 넣기 | 웹빌드 | 2014.02.24 |
부트스트랩 레이아웃 제작시 메뉴 코딩팁 | 웹빌드 | 2014.02.23 |
꼭 스케치북 게시판 뿐 아니라 레이아웃 css에 추가하시면 다른 게시판에도 적용됩니다. .본문은 해당 게시판 본문 영역 class 예요.
다른데도 적용될 수 있을테니 수정 후 적용하심이 좋겠죠!