질문 좀 드리겠습니다. 정보
질문 좀 드리겠습니다.본문
http://sir.co.kr/bbs/board.php?bo_table=g4_builder&wr_id=7202&sca=&sfl=wr_subject||wr_content&stx=%EB%B0%98%EC%9D%91
위 밀로즈님 의 빌더로 홈페이지를 구축 중입니다.
밀로즈님께 여쭤 보는게 제일 빠르겠지만 부재중이신 것 같아 이 곳에 질문드립니다.
빌더 설치 후 다른 건 다 이상 없이 잘 됩니다.
그런데 밀로즈님의 홈피 메인의 고양이 이미지 있는 부분처럼 제 홈피에도 적용을 하면 스마트폰으로 보면 크기가 줄어 들지 않고 옆에서 튀어 나오네여
http://nw.haruair.com/ (밀로즈님 홈피)
http://nw.haruair.com/bbs/board.php?bo_table=guest&wr_id=53&page=2
위 주소 보시면 저와 같은 문제로 질문 하신분이 계신데 제가 초보인지라 밀로즈님의 답변이 이해가 안 가서 질문 드립니다.
아래는 밀로즈님께서 추가 하라는 layout.css파일의 코드입니다.
보시고 뭘 어떻게 추가 하면 되는지 고수님들의 답변 꼭! 좀 부탁드립니다.
@charset "UTF-8";
div.wrapper { width:800px; margin:0 auto; }
header.layout,
div.layout,
footer.layout { }
@media screen and (max-width:800px){
div.wrapper { padding:10px; width:auto; }
}
@media screen and (max-width:480px){
.tx,.ed { width:auto !important; }
input[type=file].ed { width:100% !important; }
.board_list col,
.board_list th,
.board_list td { display:none; }
.board_list .m_view { display:table-cell; }
.board_search { width:262px !important; }
.board_search #stx { width:95px !important; }
.board_search .search_box { width:214px !important; }
}
위 밀로즈님 의 빌더로 홈페이지를 구축 중입니다.
밀로즈님께 여쭤 보는게 제일 빠르겠지만 부재중이신 것 같아 이 곳에 질문드립니다.
빌더 설치 후 다른 건 다 이상 없이 잘 됩니다.
그런데 밀로즈님의 홈피 메인의 고양이 이미지 있는 부분처럼 제 홈피에도 적용을 하면 스마트폰으로 보면 크기가 줄어 들지 않고 옆에서 튀어 나오네여
http://nw.haruair.com/ (밀로즈님 홈피)
http://nw.haruair.com/bbs/board.php?bo_table=guest&wr_id=53&page=2
위 주소 보시면 저와 같은 문제로 질문 하신분이 계신데 제가 초보인지라 밀로즈님의 답변이 이해가 안 가서 질문 드립니다.
아래는 밀로즈님께서 추가 하라는 layout.css파일의 코드입니다.
보시고 뭘 어떻게 추가 하면 되는지 고수님들의 답변 꼭! 좀 부탁드립니다.
@charset "UTF-8";
div.wrapper { width:800px; margin:0 auto; }
header.layout,
div.layout,
footer.layout { }
@media screen and (max-width:800px){
div.wrapper { padding:10px; width:auto; }
}
@media screen and (max-width:480px){
.tx,.ed { width:auto !important; }
input[type=file].ed { width:100% !important; }
.board_list col,
.board_list th,
.board_list td { display:none; }
.board_list .m_view { display:table-cell; }
.board_search { width:262px !important; }
.board_search #stx { width:95px !important; }
.board_search .search_box { width:214px !important; }
}
댓글 전체
img 를 감싸고 있는 div 가 있다면, 해당 img 에 대해 max-width:100% 를 잡아주시면 될 것 같습니다 :)
media 는 모바일 디바이스의 가로 크기에 대한 조건으로 css를 재조정해주는 거라고 보시면 쉬울것 같습니당.
media 는 모바일 디바이스의 가로 크기에 대한 조건으로 css를 재조정해주는 거라고 보시면 쉬울것 같습니당.