background-size：カバーは、側面に詰め物を残します。 Chromeのバグ？

Question

Heyas、

テンプレートページの束には、ヒーローバナーの左側にあるこの白いスライバーが表示されます。バナーは、サイズ：カバーの背景画像を使用し、中心/中心に配置しています。主人公のほかに、ページのすべてのコンテンツを削除すると、それはまだ表示されます。いくつかの決議でのみ表示されます。 Chromeのインスペクタでは通常のものは表示されず、HTML + CSSは表示されない他のページでも同じです。誰でもこのアイデアはありますか？ここで

は、CSSです：

#top { 
    background: url('/www/images/heros/features/features_768_1x.png') no-repeat center center; 
    background-size: cover; 

    @media only screen and (max-width: 375px) { 
     background: url('/www/images/heros/features/features_375_1x.png') no-repeat center center; 
     background-size: cover; 
    } 

    @media only screen and (min-width: 768px) and (max-width: 1366px) { 
     background: url('/www/images/heros/features/features_768_1x.png') no-repeat center center; 
     background-size: cover; 
    } 

    @media only screen and (min-width: 1366px) { 
     background: url('/www/images/heros/features/features_1366_1x.png') no-repeat center center; 
     background-size: cover; 
    } 
} 

フィドル：https://jsfiddle.net/fngbqyq1/

更新： -issue画像は、（デザイナーいまいましい）適切eyerollをトリミングしていない/それに白を持っていました。：p

Answer 1

は、あなたはいくつかのコードを提供し、または私達にあなたのウェブサイトのリンクを教えてくださいbackground-size: 100% 100%;

OR

background-size: 100vw 100vh;

または単に

background-size: 100vw;