애니빌드.LAB
토론방
소스관련 모바일이랑 pc랑 한번에 작업하라고 하셨는데 한번에 작업하게 되면 문제점이 좀 있어서요ㅠㅠ
- &**bsp;gaji2
- 2015-04-27 17:27:45
- hit4246
- http://wdev.anybuild.co.kr/bbs/qna/4378
확인 가능한 전체 URL : http://gaji2.home-dream.co.kr/main
모바일이랑 pc랑 따로 만지지 말고 한번에 같이 작업하라고 하시는데 그렇게 해보고 있는데요!!

한번에 작업을 하게되면 pc에서는 너무너무 너무 이뻐요!!
그렇지만.. 간격조정을 따로 못하게되서.. 모바일에서는

이미지 슬라이드 밑에 엄청난 여백이 생긴거처럼
컨텐츠랑 컨텐츠 사이 조정이 안되는데 어떡해야 좋을까요..??
게시글 공유
URL복사
댓글작성
열기 닫기
열기 닫기
하단 슬라이드 배너두요..ㅜㅜ
안녕하세요?
디자인팜에서 컨텐츠간의 여백을 줄때 PC에서 줬던 간격이 모바일에서는 너무 크다 느낄때는 미디어쿼리처리해야합니다.
"고급자 소스수정"안에서 아래 처럼 내부소스에 padding-bottom:60px라고 잘 넣어 주셨는데요,
이것을 PC일땐 60px 모바일에서는 0px 되게 처리 해주셔야 합니다.
// 아래처럼 수정하시면 됩니다.
@media (min-width:102*px){} 안에 있는 스타일은 PC버전일때 적용이 됩니다.
그 밖에 있는 스타일은 모바일 일때 적용됩니다. 그러니 @media (min-width:1024px){}안에다가 padding-bottom:60px를 넣어주고 기존 스타일엔 padding-bottom:0 를 넣어줍니다.
현제 다른 컨텐츠 수정에도 참고 부탁드립니다.