묻고답하기
코드 하나만 봐주세요!
2014.05.19 20: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;}}
댓글 29
-
낮술1잔
2014.05.19 22:17
-
나의해
2014.05.19 22:19
그럼..낮술님..모바일에서 이미지리사이즈 할 수 있는 방법이 없을까요?
-
낮술1잔
2014.05.19 22:24
테스트 해 보면 금방 값은 나올거 같은데...
제가 컴을 새로 사면서 아직 기존 테이트들을 안가지고 온 상태라 테스트를 못하다 보니...
그런데 하여튼 가변형(반응형)에 적합하려면 <img width="" height="" /> 이런 형태나 <img style="width=:';height:''" /> 이런 css 값을 지우는게 편하실겁니다.
-
낮술1잔
2014.05.19 22:21
아하 다른글 보니 지금 리사이즈가 안되는게 문제군요.
아마 이미지 불러오는 테그에서 넓이 설정값과 높이 설정값이 있어서 그럴거 같은데
위젯쪽에서 불러오는 이미지 넓이와 높이값을 지워 보십시오.
그리고 넓이 100% 기준으로 늘여 버리면 될겁니다.
-
나의해
2014.05.19 22:29
그런데 낮술님..이상한건..PC에서도 리사이즈가 안되요..
페이지수정들어가서 보면 리사이즈 된 크기로 나오는데
저장하고 나오면..리사이즈 안되어 있으니 헐...
이런 왜 그런걸까여 ;;;;
-
낮술1잔
2014.05.19 22:32
링크를 한번 줘 보세요.
제가 테스트 할려면 게시판 깔고 위젯 새로깔고 해야해서....
-
나의해
2014.05.19 22:35
네 감사합니다
이곳입니다 http://jesusdom.net/index.php?mid=page_Korr24
이상하게..페이지수정에서는 리사이즈가 되는데..안에서는 되지가 않아서여
우선 PC에서부터도 안되고.. 모바일은 당연히 되지 않습니다...
-
낮술1잔
2014.05.19 22:42
해당 소스에서는 img에 css가 {width:100% !important;height:auto} 가 걸리면 될겁니다.
테스트용으로 만들어 두신 것이라 따로 class 명 걸 곳이 마땅치 않으니까 img{width:100% !important;height:auto}로 한번 테스트 해 보십시오
-
나의해
2014.05.19 22:43
죄송한데..초짜라서...
저걸 어디에다 적으면 되는건가요..?
그리고 그럼 페이지마다 저걸 계속 적어주어야 하는건가요..?
-
낮술1잔
2014.05.19 22:49
위젯으로 불러오는 거라면 아마 관리자 페이지에서 애드온중에 리사이즈가 꺼져 있어서 그럴거 같습니다.
업로드 된 이미지 파일은 본문안에서 자동 리사이즈 됩니다.
-
나의해
2014.05.19 22:50
[위젯페이지]-[내용직접넣기]로 해서 파일첨부하고 본문삽입한건데요..
본문내이미지조절 애드온도 정상적으로 켜져 있거든요..
그런데 안되니까..이유를 잘 모르겠어여..
-
나의해
2014.05.19 22:40
아이디 a12345 / 비번 a12345 사용하시면 됩니다
관리권한 드렸으니 아마..확인하실수 있으실거예요!
-
낮술1잔
2014.05.19 22:45
지금 문제가 생기는게 이미지에 넓이와 높이가 걸려 있어서 그렇습니다.
<img src="http://jesusdom.net/files/attach/images/24428/428/024/045e9d7bb8c4ce51ea23f98680dc35bb.png" alt="예수님과양.png" class="iePngFix" width="1011" height="667" style="
width: 100% !important;
height: auto;
">
style 보다는 앞에오는 height와 width 값을 우선으로 쳐 줘서 생기는 문제 같으니까 그걸 지워보셔도 되고요
-
나의해
2014.05.19 22:49
위에 적어놓으신 코드대로 HTML에 그대로 넣으라는 말씀이신거죠?
-
낮술1잔
2014.05.19 22:50
아니요 관리자 페이지에 들어가셔서 애드온중에 리사이즈 에드온이 꺼져있는지 한번 체크해 보세요.
업로드 파일을 불러오는 형태는 자동 리사이즈가 되어야 정상입니다.
-
나의해
2014.05.19 22:54
이렇게 정상적으로 켜져 있거든요...
다른 방법이 없을까요..?
-
낮술1잔
2014.05.19 22:56
음 그럼 해당 이미지를 외부에 놓고 css로 불러오는 방식을 해 보세요. 아마 리사이즈쪽에 문제가 있는게 아닌가 싶습니다.
먼저 레이아웃 img 폴더던 images 폴더던 해당 이미지를 올리시고 저에게 알려 주시면 제가 html을 직접 불러오는 방식으로 해결해 드리겠습니다.
지금으로서는 리사이즈 오류가 아닌가 싶습니다.
저런일이 있어서 안되는데...
-
나의해
2014.05.19 22:58
네 그럼 지금 FTP로 직접 업로드 해볼게여
그리고 HTML로 직접 처리해주신다면 모바일로 볼때도 리사이즈가 되는걸까요?
일단 3분뒤에 확인해주시면 감사하겠습니다~
-
나의해
2014.05.19 23:00
업로드 완료했습니다
이미지 경로는 imges/0123.png 입니다
-
낮술1잔
2014.05.19 23:08
http://jesusdom.net/layouts/sketchbook5/imges/0123.png 경로로도
http://jesusdom.net/imges/0123.png 경로로도 이미지가 안잡히는데요
-
나의해
2014.05.19 23:09
ftp로 직접 아래 경로에 이미지만 올려달라고 하신게 아니였어여?
www/images/0123.png
www/layouts/sketchbook5/img/0123.png
-
낮술1잔
2014.05.19 23:20
이미지 위치는 찾았는데 이건 core쪽 버그인거 같습니다.
지금으로서는 위젯으로 불러오는 방식으로는 답이 없을거 같습니다.
외부페이지로 이미지를 불러 오거나...
아니면 메인쪽 레이아웃의 편집에서 직접
<img src="http://jesusdom.net/images/0123.png" alt="시온성으로" style="width:100%" />
를 불러보세요.
지금으로서는 코어쪽 버그가 아닌가 싶습니다.
-
나의해
2014.05.19 23:04
레이아웃안에 img 폴더일수도 있어서
www/images/0123.png
www/layouts/sketchbook5/img/0123.png
둘다 올려놓았어요
-
낮술1잔
2014.05.19 23:22
음 제 테스트용에서는 이 문제가 없는데..
-
나의해
2014.05.19 23:23
문제가 없으시다구여?
코어버전 1.75 맞으세여??
-
낮술1잔
2014.05.19 23:23
코어 업데이트에서 파일 누락이 아닌가 싶습니다.
제가 테스트한 1.7.5 버전에서는 리사이즈에 아무런 문제가 없는데요.
-
나의해
2014.05.19 23:25
아 그러세여? 아..그럼 제꺼가 문제가 있는게 확실한거네여..
그럼 아예 계정을 초기화했다가 코어부터 다시 설치해보고 해볼게요..
제가 코어 설치할때 압축을 컴퓨터에서 풀어서 3천몇개 되는 파일을 파일질라로 보냈는데
혹시..그래서 그런걸까여...
-
낮술1잔
2014.05.19 23:26
ftp 로 업데이트 해도 파일 누락이 생길 수 있습니다.
파일질라 경우 파일 누락은 따로 체크가 되니까 잘 보시면 파일 누락이 있었는지 없었는지 파악하실 수 있을겁니다.
-
나의해
2014.05.19 23:27
네 분명 파일누락은 없었거든요..
여기까지라도 도와주셔서 정말 감사드립니다
제 코어버전이 이상했다는 것을 안것 만으로도 정말 큰 수확입니다
감사합니다 낮술1잔님!
꾸벅~
제가 보기에는 위 css는 아무런 의미가 없을거 같습니다.
정 살려두고 싶으시다면 width:100% important로 처리하고 이미지를 감싸는 li나 다른 테그의 넓이를 각 스크린 넓이에 맞게 조정하는게 더 편하실겁니다.