White spacing issue.

A blank or white spacing issue presenting itself only on mobile after applying a width that exceeds the view-port to an element. This fiddle is made on 03/09/2016 to present my issue on Stack Overflow.

HTML

<body>
<div id="wrapper">
    <div class="content"></div>
    <div class="content"></div>
</div>
</body>

CSS

body {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    overflow-x: hidden;
}

#wrapper {
    width: 200vw;
    height: 100vh;
    background:#fff;
    
}

.content {
    float:left;
    width: 100vw;
    height: 100vh;
}