为什么我怎么调都有那白框啊

Question

<template>
  <div class="container">
    <div class="wrapper">
      <swiper :options="swiperOption">
        <swiper-slide >
          <img class="swiper-img" src='//img1.qunarzz.com/sight/p0/1807/7d/7d64de6b134d10eaa3.img.jpg_600x330_0297e8aa.jpg'  />
        </swiper-slide>
        <div class="swiper-pagination"  slot="pagination"></div> 
     </swiper>
    </div>
  </div>
</template>

<script>
export default {
   name: 'CommonGallary'
}
</script>

<style lang="stylus" scoped>
    .container
      display: flex
      flex-direction: column
      justify-content: center
      z-index: 99
      position: fixed
      left: 0
      right: 0
      top: 0
      bottom: 0
      background: #000
      .wrapper
        overflow: hidden
        height: 0
        width: 100%
        padding-bottom: 88%
        background: #fff
        .swiper-img
          width: 100%
</style>

Answer 1

Dell 2019-03-03 21:41:47

你看看你这张图，是不是底下就是白色的

• 提问者 慕勒2048820 #1

  图片没有白色，我把wrapper白色去掉 颜色就没了，但是我怎么调wrapper都比图片多出来一块

• Dell 回复 提问者 慕勒2048820 #2

  padding-bottom设置值了？

• Dell 回复 提问者 慕勒2048820 #3

  88%太高了，改成正常的长宽比