html - 导航菜单显示不正确

Question

我正在使用 html5 和 css 设计一个响应式网页。我的导航菜单在 iphone 中显示不正确。它在桌面上显示为水平，但在手机中显示冲突行。有人能帮我吗。我的 css 代码和屏幕截图是

   .body{
    margin:0;
    width:100%;
    clear:both;

}

.mainHeader img{
    width:40%;
    height:auto;
    margin:2% 0;
}
.mainHeader nav{

     overflow: auto;

}
.mainHeader nav ul{
    list-style:none;
    margin:0 auto;
    display:inline;

} 
.mainHeader nav ul li a{
    background-color: #f1f1f1;
    float:left;
}

Answer 1

请提供您的所有代码。据我所知，您的代码中存在一些错误:

• height: height:100% 应该只是 height: 100%
• 您在最后一种样式中有多个显示实例，您需要只使用其中一个。