배경 이미지가 때때로 전체 페이지를 덮지 않는 이유는 무엇입니까?

배경으로 이미지가있는 HTML 페이지가 있습니다. 내 iPhone 6에서 페이지를 볼 때마다 배경 이미지가 가끔씩 전체 페이지를 덮지 않습니다. 이 시간은 약 20 % 정도 발생하며 페이지를 다시로드 한 후에는 발생하지 않습니다. 휴대 전화에서 캐시 및 웹 사이트 데이터를 지울 때 항상 발생합니다. 이것은 CSS 페이지의 URL msolonko.net/signup.php이배경 이미지가 때때로 전체 페이지를 덮지 않는 이유는 무엇입니까?

html { /*Copied from the web*/ 
    background: url(img/sea.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 

body{ 
    background: none; 
}

이다 (나는 "어떻게 좋은 CSS 배경 이미지를 만드는 방법"을 검색하여 웹에서 그것을 가지고) 배경으로 설정하는 것입니다 .

이미지에서 알 수 있듯이 로그인 버튼 아래에 공백이 있습니다. 때때로 이미지가 올바르게 작동하지만 거의 작동하지 않는 이유는 무엇입니까? 이 문제를 어떻게 해결할 수 있습니까?

편집 : 이미지의

변경 해상도 문제에 영향을주지 않습니다. 이미지를 반복하고 싶지 않습니다. 문제가 발생하지 않으면 하나의 이미지만으로도 멋지게 보입니다.

또한이 문제를 해결할 수없는 경우 이미지가 컴퓨터 인 경우에만 표시됩니다. 장치 너비가 임계 값보다 작 으면 이미지 대신 배경색 만 사용합니다. 나는 아직도 내가 이것을 고칠 수 있기를 바라고있다.

출처

2016-08-11 Nick Solonko

페이지를로드하기 전에 이미지를 편집하고 올바른 크기로 만들어줍니다. 은 재귀 적이어야합니다. (나는 동일한 문제를 가지고 있으며 코드에서 해결책을 찾을 방법이 없기 때문에 이렇게 할 수 있습니다.) 나는 photoshop 및 corel과 같은 프로그램을 사용합니다.

출처

2016-08-11 03:30:34 dashboy

두 가지 해결책 : 이미지가 반복되도록 반복합니다 (반복 할 필요가 없습니다). sky.jpg의 높이를 높이려면 전화 번호가 충분하지 않아야합니다.

그래서 실수하지 않는다면 아마 sky.jpg 이미지를 960 x 660 pix로 만들어야합니다. 평균 전화 픽셀 해상도는 http://www.binvisions.com/articles/tablet-smartphone-resolutions-screen-size-list/

입니다. 미안해.

편집 : 적어도 기술을 시도 했습니까? (나는 Stack에 처음이다. 나는 논평 할 수 없다.)

출처

2016-08-11 03:38:22 Christian

전화가 충분히 크지 않은 경우 어떻게 80 %의 시간대가 좋고 화면이 거의 맞지 않는지 알 수 있습니까? 키가 크지 않은 경우 문제가 항상 발생한다고 가정합니다. –

나는 기술을 시도하고 무슨 일이 일어나는지 알려 줄 것이다. 내 사이트의 다른 페이지 중 하나에서 비슷한 이미지를 가지고 있으며 문제없이 작동합니다. 나는 여전히 당신에게 결과를 말하려고 노력할 것입니다. –

다른 해상도로 실험했는데 문제가 지속되었습니다. –

나는 그것을 얻었다! 나는 CSS를 배우고 있었다. CSS 코드 :

body { 
    background-image:sky.jpg; /*or whatever*/ 
}

어쩌면 작동해야한다.

출처

2016-09-02 01:24:37 Christian

배경 이미지가 때때로 전체 페이지를 덮지 않는 이유는 무엇입니까?

답변

관련 문제