导航菜单无法正常显示

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%
• 您在最后一个样式中有多个显示实例，您只需要使用其中一个。