파이어 폭스에서 여분의 공백을 제거하십시오.

Question

페이지의 특정 부분은 파이어 폭스에서 크롬보다 다르게 보입니다. 이것은 크롬의 모습입니다 :

이 보이는 것입니다 파이어 폭스처럼 :

HTML 코드 :

html, 
 
body { 
 
    width: 100%; 
 
    height: 100%; 
 
    margin: 0; 
 
    padding: 0; 
 
    margin-top: 0; 
 
    padding-top: 0; 
 
    overflow-x: hidden; 
 
} 
 
@media print { 
 
    body { 
 
    margin-top: 0 !important; 
 
    } 
 
} 
 
body { 
 
    background-color: white; 
 
    color: black; 
 
    padding: 0; 
 
    margin: 0; 
 
    min-height: 100%; 
 
    min-width: 100%; 
 
    overflow-x: hidden; 
 
} 
 
.rowa { 
 
    padding: 10px; 
 
    background-color: black; 
 
    color: white; 
 
    height: 100%; 
 
    margin: 0; 
 
} 
 
#title { 
 
    font-size: 36px; 
 
    display: inline-block; 
 
    color: white; 
 
}

<nav class="navbar navbar-inverse " id="navtop"> 
 
    <div class="container-fluid rowa"> 
 
    <div class="navbar-header"> 
 
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> 
 
     <span class="icon-bar"></span> 
 
     <span class="icon-bar"></span> 
 
     <span class="icon-bar"></span> 
 
     </button> 
 
     <a class="navbar-brand" href="#" id="title">title</a> 
 
    </div> 
 
    <div class="collapse navbar-collapse" id="myNavbar"> 
 
     <ul class="nav navbar-nav navbar-right menu " id="menu1"> 
 
     <li><a href="#" id="home1"> Home</a> 
 
     </li> 
 
     <li><a href="#" id="book"> Booking</a> 
 
     </li> 
 
     <li><a href="#" id="rate">Rates</a> 
 
     </li> 
 
     <li><a href="#" id="abt"> About us</a> 
 
     </li> 
 
     <li><a href="#" id="contact"> Contact us</a> 
 
     </li> 
 
     </ul> 
 
    </div> 
 
    </div> 
 
</nav>

상단에서 여분의 공간을 제거 할 수없고 탐색 모음에서 여분의 패딩을 제거 할 수 없습니다.

나는 css에서 html과 body의 여백과 여백을 0으로 설정하고 min-width와 min-height는 100 %로 설정했습니다.

또한 이미지와 양식 사이에 파이어 폭스 (작은 화면 장치의 경우) 사이에 여분의 간격이 있습니다.

파이어 폭스에서 이러한 여분의 공간을 없애려면 어떻게해야합니까? 도와주세요.

Answer 1

CSS의 높이 규칙을 사용하여 조정 id = "menu1".