MOBILE 버젼으로 봤을때 여백 문제
관련링크
http://minatv.cc/
199회 연결
본문
PC 버젼에서 보면 여백이 괜찮은 사이즈로 나오는데요.
모바일로 보면 아래와 같이 메뉴와 사진 사이 간격에
여백이 너무 크게 나옵니다. 어떻게 해야 할까요? ㅠㅠ
답변 3
css 에서 조정해야하는데요.
모바일 부분에서 상단 메뉴의 높이가 줄어드네요.
줄어드는 만큼 아래 이미지의 위치 top 을 조정해주면 됩니다.
잘 안되시면, css 소스를 올려주셔야 알려드릴수 있습니다.
margin : 0; padding: 0; 한번해보세요
<div id="container">
<!-- Header -->
<div style="height:145px;"></div>
이 부분을
<div id="container">
<!-- Header -->
<div style="fixed-top"></div>
로 고치고
css에
.fixed-top { height:145px; }
@media (max-width: 767px) {
.fixed-top { height:60px; }
}
추가해 주시면 될듯하네요.
답변을 작성하시기 전에 로그인 해주세요.