Blackberry에 대한 반응 설계 관련 문제

Question

참고 : 다음 문제는 블랙 베리에만 적용됩니다. 테스트 한 다른 모든 장치 (여러 android 모델 및 iPhone OS)는 이러한 문제의 영향을받지 않습니다.

문제 # 1 : 수평 스크롤

나는 머리에 다음과 같은 메타 태그가 :

<meta name="HandheldFriendly" content="true" /> 
<meta name="viewport" content="width=320, user-scalable=no" /> 

그러나, 나는 여전히 거대한 사이드 스크롤을 얻고있다 -의 약 2 배 폭 그 페이지. overflow-x : 몸에 숨겨져 있어도 상관없이 스크롤됩니다.

문제 # 2 : 목록 부동 문제

은 내 탐색은 링크의 정렬되지 않은 목록으로 구성되어 있습니다. 다음 CSS를 적용했습니다 :

div#masthead nav ul li { 
    background: #fff; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border-radius: 5px; 
    display: inline; 
    margin: 0 5px 5px 0; 
    width: auto; 
    float: left; 
    text-align: center; 
} 

div#masthead nav ul li a { 
    font-size: .9em; 
    padding: 5px; 
} 

너비 : 자동차에서 블랙 베리의 문제가 발생합니다. 링크는 이상하게 스태킹 : http://imgur.com/0p5rh (스크린 샷 : 그것은 다른 휴대폰에 어떻게 보이는지 최고이며, 바닥은 블랙 베리에 - 추가를 무시주십시오 바)

나는 그것이 해결 리튬에 고정 픽셀 폭을 설정하는 경우 랩핑 문제는 있지만 각 목록 요소 다음에 일관된 마진을주지는 않습니다. 수평 스크롤을

Answer 1

솔루션 :뿐만 아니라 몸에 100 %이 수평 스크롤 문제를 해결 :

난 그냥 폭을 포함 시켰습니다.

문제 # 2는 아직 해결되지 않았습니다.