Навигация исчезает на малых разрешениях

Question

Итак, я дебютировал на веб-сайте, и проблема в том, что я увеличиваю масштаб на 200% + мои значки навигации исчезают. Я тестировал на телефоне, чтобы убедиться, что масштабирование не является проблемой. Я пытаюсь сделать панель навигации отзывчивой. я могу настроить интернет при необходимости Вот мой HTML/CSS

.nav { 
    height: 100%; 
    min-height: 75px; 
    width: 90%; 
    margin-left: 5%; 
    margin-right: 5%; 
    border-right: none; 
} 
.nav ul { 
    overflow: hidden; 
    margin: 0; 
    padding-top: 0; 
    padding-right: 35px; 
    padding-bottom: 0; 
    padding-left: 35px; 
} 
.nav ul li { 
    list-style: none; 
    float: left; 
    text-align: center; 
    width: 25%; 
    box-sizing: border-box; 
} 
.nav ul li:first-child { 
    border-left: none; 
} 

<div class="nav"> 
    <ul> 
    <li> 
     <a href="home.html"> 
     <img src="works.png" style='min-width:25%;' border="0" /> 
     </a> 
    </li> 
    <li> 
     <a href="about.html"> 
     <img src="aboutme.png" style='min-width:25%;' border="0" /> 
     </a> 
    </li> 
    <li> 
     <a href="services.html"> 
     <img src="blog.png" style='min-width:25%;' border="0" /> 
     </a> 
    </li> 
    <li> 
     <a href="contact.html"> 
     <img src="kontakt.png" style='min-width:25%;' border="0" /> 
     </a> 
    </li> 
    </ul> 
</div> 

Answer 1

Так вот решение:

@media screen and (max-width : 760px){ 
/*Make dropdown links appear inline*/ 
ul { 
    position: static; 
    display: none; --->> This is causing the problem // either delete it or use it as display:block; 

} 

Надеется, что это будет решить вашу проблему