PC 버젼에서 보면 여백이 괜찮은 사이즈로 나오는데요.
모바일로 보면 아래와 같이 메뉴와 사진 사이 간격에
여백이 너무 크게 나옵니다. 어떻게 해야 할까요? ㅠㅠ
|
답변 3개
채택된 답변
+20 포인트
eyekiss
2018-05-07 (월) 23:18:33
css 에서 조정해야하는데요.
모바일 부분에서 상단 메뉴의 높이가 줄어드네요.
줄어드는 만큼 아래 이미지의 위치 top 을 조정해주면 됩니다.
잘 안되시면, css 소스를 올려주셔야 알려드릴수 있습니다.
BrianFa<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; }
}
추가해 주시면 될듯하네요.
2018-05-08 (화) 11:53:42
margin : 0; padding: 0; 한번해보세요
답변을 작성하려면 로그인이 필요합니다.