html代碼：<div class="nav-body">????<ul class="nav-img">????????<li>????????????<a href=""><img src="images/ChMkJlrxCxeICdF1AAIP3kkPOFcAAoJhgLLJ_QAAg_2532.jpg" alt="獻禮母親節(jié)"></a>????????</li>????</ul>????<div class="nav-warpper">????????<div class="nav-menu">????????????<ul>????????????????<li><a href="">手機</a></li>????????????????<li><a href="">電腦</a></li>????????????????<li><a href="">DIY</a></li>????????????????<li><a href="">數(shù)碼</a></li>????????????????<li><a href="">外設(shè)</a></li>????????????????<li><a href="">智能</a></li>????????????</ul>????????</div>????</div></div>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<meta name="viewport" content="width=device-width, initial-scale=1.0">最后：為什么后出現(xiàn)這種問題，怎么解決？