background-size : 표지는 측면에 패딩을 남기고 하나의 경우에만 채 웁니다. Chrome 버그?

Question

Heyas,

많은 템플릿 페이지에서 한 페이지 만이 영웅 배너의 왼쪽에있는 흰색 슬리버를 보여줍니다. 배너는 크기가 다음과 같은 배경 이미지를 사용하고 있습니다 : 표지 및 가운데/중앙에 배치되었습니다. 영웅 외에 페이지의 모든 콘텐츠를 삭제하더라도 여전히 표시됩니다. 일부 결의안에서만 보여줍니다. Chrome 관리자는 평범하지 않은 것을 표시하지 않으며 HTML + 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 여기

는 CSS의 : p

Answer 1

당신은 몇 가지 코드를 제공해야 background-size: 100% 100%;

또는

background-size: 100vw 100vh;

하거나

background-size: 100vw;