이미지가 iPhone 세로보기에서 축척되지 않음

Question

두 개의 이미지가 있고 다른 이미지가 아래로 스크롤되는 프로젝트에서 작업하고 있습니다. 상단 이미지 ("안경")는 고정 위치 및 z- 색인 = 1을가집니다. 다른 이미지 ("quote")는 그대로두고 첫 번째 이미지 아래에 있습니다. iPhone에서 세로 모드로 웹 사이트를 볼 때 고정 안경 이미지가 잘리지 않는 반면 견적 이미지는 화면 크기 내에서 크기가 맞아 맞습니다. 그것은 바탕 화면과 가로 방향으로 잘 작동합니다. 안경 이미지의 너비를 100 %로 설정하고 미디어 검색어를 사용하여 전화 폭을 타겟팅하려했지만 많은 성공을 거뒀습니다. 안경은 단지 짜내지고 정상적인 모양을 잃어 버립니다. 나는 정말 어떤 대답이나 제안을 주셔서 감사합니다.

Link to live project

Answer 1

문제는 일반적으로 모바일/태블릿 뷰 아니라 아이폰 OS이다.

이미지에서 최소 폭과 높이를 제거하고 나는이 시도했습니다

.quote, 
.glasses { 
    width: 100%; 
}