title: Full width Swiper has a gap to the left of slides
body: <p>There is an issue with the Swiper plugin on Chrome for Windows with a big screen. It leaves empty gaps to the left of slides, I created a pen to demonstrate this:</p>
  
  <p><a href="https://codepen.io/anon/pen/BwMxWX" rel="noreferrer">https://codepen.io/anon/pen/BwMxWX</a></p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="swiper-container"&gt;
    &lt;div class="swiper-wrapper"&gt;
      &lt;div class="swiper-slide"&gt;Slide 1&lt;/div&gt;
      &lt;div class="swiper-slide"&gt;Slide 2&lt;/div&gt;
      &lt;div class="swiper-slide"&gt;Slide 3&lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.swiper-slide {
    width: 100vw;
    height: 300px;
  }
  
  .swiper-slide:nth-child(1) { background-color: lightpink; }
  .swiper-slide:nth-child(2) { background-color: lightblue; }
  .swiper-slide:nth-child(3) { background-color: lightgrey; }
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>new Swiper(".swiper-container", {
    loop: true
  });
  </code></pre>
  
  <p>Keep in mind it only happens under those circumstances. Even if you're using Chrome on Windows, if the window size is less than (approximately) 2000px then it doesn't happen.</p>
  
  <p>On the plugin's home page there is a full width example and the issue doesn't exist, but I don't really understand what's making it happen in the first place. Any help would be greatly appreciated.</p>
  
  <p>UPDATE:</p>
  
  <p>I found this only happens when using the "slide" effect, which is the default. Changing it to any other fixes it, but that's far from a solution.</p>