请教bootstrap轮播图问题。

Question

为什么用移动设备看的时候，轮播图的轮播（Carousel）指标位置偏了呢？用电脑看是正常的啊。

<div class="banner" id="home">

<div class="slider" >
    <div class="callbacks_container">
      <ul class="rslides" id="slider">
        <li>
          <img src="images/banner1.jpg" alt="">
          
          
        </li>
        <li>
          <img src="images/banner2.jpg" alt=""> 
                      
        </li>
        <li>
          <img src="images/banner3.jpg" alt="">
            
        </li>
      </ul>
  </div>
</div>

</div>

Answer 1

你这里没用垂直居中，由于电脑分辨率比手机分辨率搞，所以细微的偏差差不错多大问题，但是到了移动端就出现大问题了。
解决方法也很简单，你用了定位但是没有减除自身高度的一半；
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
.pos{
position:absolute;
width:100px;
height:100px;
left:0;
top:50%;
margin-top: -50px;(就是这句代码.....)
}

Answer 2

贴代码才是王道。。。检测标签有没有正常关闭