게시판 모바일 질문 채택완료
http://amina.co.kr/bbs/view_image.php?fn=%2Fdata%2Feditor%2F1711%2F2e90232ed1146f8cf39136ca7635d133_1509539458_7178.png" target="_blank">http://amina.co.kr/data/editor/1711/2e90232ed1146f8cf39136ca7635d133_1509539458_7178.png" itemprop="image" src="http://amina.co.kr/data/editor/1711/2e90232ed1146f8cf39136ca7635d133_1509539458_7178.png" title="2e90232ed1146f8cf39136ca7635d133_1509539458_7178.png" />
현재 제 사이트의 경매장 게시판 모바일 세로 모드 화면입니다.
지인 분께서 조언해주시기를, 좌우를 늘려서 이쁘게 맞춰주는것인데
device-width를 이용해서 반응형으로 하는것이 좋을것같다고 하셨습니다.
그런데 제가 초보라서 방법을 잘 몰라서요 ㅎㅎ 좌우를 늘리려면(?) 어떻게 해야 하나요???
경매장 게시판 링크 남깁니다~
http://amina.co.kr/data/editor/1711/2e90232ed1146f8cf39136ca7635d133_1509539881_1881.png" />
pc 에서 나오는 화면처럼 모바일 세로모드에서도 이런식으로 나오게 하고싶은데 ㅎ
답변 2개
사이트를 반응형으로 만드셨네요.
/skin/board/auction/style.css 파일에서
.tender_list 검색하면 아래와 같은 스타일 나옵니다.
.tender_list {float:left; margin:0 5px 10px 5px; width:48%;}
~~ 생략 ~~
.tender_info_ul li{padding:3px 0;}
이 부분 아래쪽에 아래처럼 추가해보세요.
@media all and (min-width:320px) and (max-width:480px) {
.tender_list {float:none; margin:0 5px 10px 5px; width:99%;}
}
모바일 가로가 480px 이상이면 두줄로 나오게 됩니다.
구글에서 css 미디어쿼리 검색해보시면 정보 많이 나오구요.
스타일 부분 조금씩 수정해보시면 됩니다.
댓글을 작성하려면 로그인이 필요합니다.
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인