배경 이미지가 iPhone에로드되지 않습니다.

Question

background 속성을 가진 div이 있습니다. background은 url이며 모든 컴퓨터와 브라우저에서 정상적으로로드되고 Android에서는 잘로드되지만 iPhone에는로드되지 않습니다. 이 사용자 정의 CSS, 나는 그것을위한 프레임 워크를 사용하지하고있다

background: url('http://emergypower.com/assets/images/attraction.png'); 
background-position: center -90px; 
height: 590px; 
width: 100%; 

: 여기

은 div의 스타일입니다. 또한 사용자가 iPhone에서 "탭보기"를 열면 (열려있는 모든 Safari 탭을 볼 수 있음) 이미지가 제대로 표시되지만 실제 브라우저보기에서 열면 이미지가 표시되지 않습니다.

원래 너비가 설정되지 않았으므로 문제가 발생했을 수도 있지만 편집 한 이후 아무런 차이가 없다고 생각했습니다.

Answer 1

Ethaan 옳을 수도 있지만 나는 그것이 용기의에 이미지가 항상 크기 조정되어 있는지 확인하기 위해 background-size: 100% cover;를 사용하는 것을 선호합니다.

Answer 2

세 가지 해결책이 있다고 생각합니다. 테스트 할 iOS 버전에 따라 다를 수 있습니다.

1. 이전의 iOS 장비에 배경 이미지 버그 대 한 오래 된 수정 요소에 -webkit-transform: translateZ(0);을 추가했다.

2. 일부 구형 iOS 버전의 이미지 파일 크기 제한은 2290x2290px입니다. 이미지가 커지나요?

3. position: relative;과 background-repeat: no-repeat;을 추가하면 트릭을 수행 할 수 있습니다.

Answer 3

배경을 이렇게 변경하십시오.

background: url("http://emergypower.com/assets/images/attraction.png"); 
background-size: cover 

Answer 4

추가 배경 크기

background: url("http://emergypower.com/assets/images/attraction.png"); 
background-size: 100% 100%;