Размер фона: накладки накладки по бокам, только в одном случае. Ошибка 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; 
    } 
} 

Fiddle: https://jsfiddle.net/fngbqyq1/

Update: -эмиссионный было изображение было белым в нем/не обрезаны должным образом (черт дизайнер) eyeroll: p

Answer 1

попробуйте использовать background-size: 100% 100%;

ИЛИ

background-size: 100vw 100vh;

или просто

background-size: 100vw;