2012-07-18 6 views
1

이것은 친구를 위해 만든 웹 사이트입니다.하지만 iOS (iPhone & iPad)에서 볼 때 오른쪽에 여분의 패딩이 있습니다. 나는 패딩을 전혀하지 않겠다고 말한 적이 없기 때문에 CSS의 스 니핏 (snipit)을 제공해야하는지조차 알지 못한다. 나는 방화 녀와 함께 봤지만 아무것도 찾을 수 없습니다.iOS에서 내 사이트에 너무 많은 패딩이 있습니다.

이 내 아이폰에 모습입니다 enter image description here

오른쪽으로 내 패딩은 너무 많은 이유

사람이 말해 줄래?

WINERY 링크가 두 번째 줄에있는 이유는 무엇입니까? 안드로이드 및 데스크탑 브라우저에서 볼 수있는 충분한 공간이 있지만 어떤 이유로 iOS의 두 번째 줄에 있습니다.

#access { 
    display: block; 
    float: right; 
    margin: 0 auto; 
    width: 600px; 
    margin-right: 20px; 
    margin-top: 70px; 
} 

도움을 주시면 감사하겠습니다.

+0

메타 초기 눈금/초기 너비 태그의 모양은 무엇입니까? 휴대 기기의 경우 정적 너비를 반드시 설정하지 않아야합니다. – Brant

+0

무슨 뜻인지 확실하지 않습니다. 내 태그에 ""가 있습니다. 나는 반응 형 디자인으로 나의 웹 사이트를 유동적으로 만들려고 노력했지만, 포기한 IE에 문제가있어 지금까지 정적 크기를 사용하는 데 큰 문제가 없었다. – kia4567

답변

0

너비를 더 크게 만들려고 했습니까? 내 디자인에서 폭이 iOS에서 약간 다르게 렌더링되는 것을 발견했으며 폭을 약간 확장하여이 문제를 해결했습니다.

또한 목록을 사용하여 해당 이동 메뉴를 표시하는 경우, 패딩 또는 여백 (있는 경우)을 <li> 요소에 몇 픽셀 씩 줄이는 것이 문제를 해결할 수 있음을 발견했습니다.

+0

너는 어느 너비에 대해 말하고있는거야? 사이트에 대한 모든 래퍼의 너비? 그리고 패딩과 마진을 줄이려고했지만 내 탐색을 위해 아무 것도하지 않았습니다. – kia4567

+0

nav-menu가 포함 된 컨테이너의 너비는 위에서 설명한 # 액세스라고 가정했습니다 ... 600px보다 큰 값으로 설정하면 도움이되는지 확인하십시오. –

관련 문제