怎么解决 web 前端开发与设计图的偏差？

粘贴了代码，各位帮忙看一下
<body>
<!-- 头部 -->
<div class="head">
<!-- 导航栏 -->
<nav class="navbar navbar-default navigation1" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#example-navbar-collapse">
<span class="sr-only">切换导航</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="col-xs-7 col-xs-offset-2 navbar-brand logo" href="index.html"><img src="img/logo.png" class="img"></a>
</div>
<div class="collapse navbar-collapse " id="example-navbar-collapse">
<ul class="nav navbar-nav navbar-right top-top ">
<li class="navigation-li li"><a href="index.html">首页</a></li>
<li class="navigation-li"><a href="news.html">新闻中心</a></li>
<li class="navigation-li"><a href="about.html">关于我们</a></li>
<li class="navigation-li"><a href="company.html">公司业务</a></li>
<li class="navigation-li"><a href="market.html">市场动态</a></li>
<li class="navigation-li"><a href="policy.html">政策法规</a></li>
</ul></div>
</div>
</nav>
<div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="3000">
<!-- 轮播（ Carousel ）指标 -->
<ol class="carousel-indicators">
<!-- <li v-for="var i=0;i<index.length-1;i++">
<li data-target="#myCarousel" data-slide-to="this.i" v-for="(item,index) in chart" :key="index"></li>
</li> -->
<li data-target="#myCarousel" data-slide-to="0" class=""></li>
<li data-target="#myCarousel" data-slide-to="1" class=""></li>
<li data-target="#myCarousel" data-slide-to="2" class="active"></li>
</ol>
<!-- 轮播（ Carousel ）项目 -->
<div class="carousel-inner">
<div class="item">
<a class="item-a">
<img src="img/index/1.jpg">
<p class="item-p"></p>
</a>