2011-08-08 2 views
0

스프라이트 이미지에 이상한 문제가 있습니다. 오버플로가있는 정확한 너비/높이를 보냈습니다. 다른 브라우저에서는 실행 가능하지 않더라도 위의 텍스트 줄을 표시하는 전화기에서 축소했을 때를 제외하고 모든 브라우저에서 완벽하게 작동합니다.iPhone이 스프라이트 이미지를 겹쳐서 축소했습니다.

100 % 확대하면 제대로 작동합니다. 이 문제를 방지하기 위해 머리에 추가 할 수있는 사과 관련 코드가 있습니까?

+2

내 코드 (코드)를 보여주고 내 것을 보여줍니다 .. 약속드립니다. 또한이 이미지의 일종의 또는이 문제의 재현도 좋을 것입니다. (잘못되고있는 포토샵 예제에서와 같이) – Joonas

+0

아이폰과 개발 사이트에 대한 링크가 어떻게 보이는지 인쇄 화면으로 질문을 업데이트했습니다. –

답변

1

좋아, 나는 이것을 의심했다.

Mobile Safari는 배경 이미지를 표시 할 때 매우 정확하지 않습니다. (심지어 100 %를 볼 때도)

그래서 실제 이미지에서 2px 패딩을 각각의 개별 이미지에 넣고 싶을 수도 있습니다. (각면에서 각각의 개별 이미지를 분리하는 데 약 4px가 필요합니다.)

이 이미지는 '범인'http://dev.equi-trek.com/webapp/templates/images/mainav-sprite.png입니다.하지만 모바일 사파리가 진짜 원인입니다.

+0

나는 이것을해야 할 것이라고 생각했다 .--( 처음에 나는 그것과 관련이 있다고 생각했다 : [코드] -webkit-text-size-adjust : none; [/ code] 아무것도 고치지 마라. –

관련 문제