html代码：

css代码：

.nav-body{

position: relative;

overflow: hidden;

width:100%;

height: 400px;

}

.nav-img{

position: absolute;

z-index:-1;

}

.nav-img a{

display: block;

width:100%;

}

.nav-img img{

height: 400px;

width:100%;

min-width: 1920px;

}

.nav-warpper{

width:1200px;

margin: 0 auto;

}

.nav-menu{

display: inline-block;

width:150px;

height: 400px;

background: #666;

z-index: 2;

}

.nav-menu li{

display: inline-block;

width:150px;

padding:15px 0;

border-top:1px solid #e6e6e6;

}

.nav-menu li:hover{

background: #ec3639;

}

pc端效果：

Iphone6/7/8效果：

补充：使用了viewport

最后：为什么后出现这种问题，怎么解决？