2012-10-05 4 views
0

저는 이미 클라이언트 웹 사이트를 만드는 중입니다. 그러나 이미 장애물을 맞았습니다. 나는 Wordpress에서 네비게이션에 리본 유형을 추가하려고합니다. 그러나 iPhone 및 iPad와 같은 iOS 장치에서 네비게이션 (즉, .menu ul)에 여백이나 여백을 추가 할 때마다 오른쪽의 리본이 가로 질러 확장됩니다 그 이상의 화면이 있어야합니다.Wordpress 탐색 CSS 호환성 문제

이 문제의 원인은 무엇입니까? 문제

사이트 : http://site.n8geeks.com

편집 : 나는의 폭을 변경 한 .menu UL - 내가 픽셀 값을 추가 할 때, 내가 백분율 값을 추가하지만 때, 아이폰 OS 브라우저에서 다르게 해석되어 나타납니다 iOS에서는 문제가없는 것 같습니다. 이게 왜 어떤 아이디어일까요?

Edit2 : 이제 문제는 리본의 윗부분이 iOS 기기의 오른쪽에 보이지 않는다는 것입니다 (페이지의 '뒤로 젖혀지는'비트). 어떤 도움이 필요합니까?

감사합니다.

+0

아마도 패딩입니다. 다른 스타일링을 위해 특별히 모바일 장치를 타겟팅하려면'@ media' 쿼리를 사용해야합니다. –

+0

그래, 원인은 리본의 화면 해상도보다 큰 배경 이미지 때문입니다. – Caelea

답변

0

나에게 비슷한 문제가있는 사용자의 경우 Safari가 상위 래퍼를 가져 와서 화면에 맞게 크기를 조정하는 것이 문제였습니다. 이 문제를 해결하려면 #page 래퍼보다 큰 새 래퍼를 추가해야했습니다.