2017-12-01 31 views
1

웹에서 버그가 발생했습니다. 개발 중입니다.iphone 화면에서 html img 렌더링 오류가 발생했습니다.

일반적인 프로젝트 그리드에서 이미지 비트는 주변의 다른 HTML img 자리 표시 자 위에 표시되며 스크롤 또는 확대/축소에 이상한 동작을합니다.

특정 아이폰에서만 발생합니다. 모두 발생하지는 않지만 사파리와 크롬이 모두 발생합니다. 데스크톱에서는 모든 것이 정상입니다.

오류는 바로 발생하지 않지만 잠시 후에 이동합니다. 오류가 발생하면 페이지를 새로 고친 후에도 오류가 지속됩니다. https://vimeo.com/245343214

코드는 괜찮아 보인다 : 이 동영상은 가장 잘 보여주고 내가이 동위 원소 (벽돌)과 관련이있을 수 있다고 생각 처음

을 jorgevidal.eu 만 해제하면 오류를 수정하지 않을 것입니다.

스크린 2017에서 아이폰 7 :

bug rendering images

답변

0

오류는 이미지에 필터에 영향을 미치는 CSS를 삭제 수정되었습니다.

그래서 코드

@media (max-width:1024px){ 

     img{filter:none; -webkit-filter: contrast(1) grayscale(0%);} 

} 

버그의 원인이되었다.