2016-07-29 3 views
0

http://stackoverflowproblems.site88.net/index.html브라우저 크기가 축소되었을 때 생성되는 공백을 제거하는 방법은 무엇입니까?

위의 사이트가 현재입니다. 레이아웃면에서 아무런 문제가 없습니다. 그러나 브라우저에서 폰 화면 크기로 최소화하면 두 공백 사이에 공백이 생깁니다. 무엇이 문제 일 수 있습니까? 이 화이트 스페이스는 내가 조사했을 때 보았던 그 Div의 일부분이지만 그 내용은 그 하얀 부분에 채워지지 않습니다. 위의 웹 사이트에서 직접 확인하십시오.^또한 다른 해상도에서는 레이아웃이 이상하게 보일 수 있습니다. 그렇다면 그 해결책도 고맙겠습니다. 감사!

+0

* 디버깅 도움을 (추구 질문"왜 ISN 이 코드는 작동합니까? ")에는 원하는 동작, 특정 문제 또는 오류 및 질문 자체에서이를 재현하는 데 필요한 가장 짧은 코드가 포함되어야합니다. 명확한 문제 설명이없는 질문은 다른 독자에게 유용하지 않습니다. a [mcve]. * – BSMP

답변

1

첫 번째 h1margin-top: 20px은 "2 개의 검정 divs"사이에 공백을 만들었습니다. 이는 내가 질문에서 "두 개의 공백"을 의미한다고 생각하는 것입니다. 마진 탑 '으로 설정 : 0 ", 또는

h1.first-of-type { 
    margin-top: 0; 
} 

하면 문제

+0

완벽하게 작동했습니다! 더 많이 cted했다, 내가 그것을 놓쳤다라고 생각할 수 없다! 감사! –

0
.h1, .h2, .h3, h1, h2, h3{ 
margin-top:0 !important 
;} 

당신의 CSS에서 위의 코드를 추가하십시오 해결할 수

관련 문제