2014-07-24 5 views
1

우리는 두 가지 견해를 가진 반응이 빠른 WEBSITE를 개발 중입니다. 태블릿 용 인물 인물 : Ipad 및 Google Nexus, 휴대 전화 용 : Iphone 및 Samsung S3.키패드에서 Google Nexus Portrait가 가로로 변경됨

Google Nexus Portrait는 웹 페이지의 태블릿보기에도 있어야합니다.

다음은 사용 된 미디어 쿼리입니다. 및 (오리엔테이션 : 가로) 만 화면 (최대 폭 : 599px) 및 (방향 : 세로) 타블렛

: 모바일 @media 만 화면 (768px 최대 폭)에 대한

인물 @media 만 화면 (최소 폭 : 600 픽셀)

우리는 구글 넥서스 세로보기에서 사이트를 열

, 그것은 적절한 태블릿 버전을 보여줍니다 : (세로 방향) 및 (최대 너비가 1024px) 및 사이트의 입력 필드를 클릭하면 가상 키패드가 표시되고 장치가 가로 모드로 전환됩니다. 장치의 너비 (600 픽셀) 및 가로 : 모바일보기가 표시됩니다. 키패드를 닫으면 Portrait (으)로 되돌아 가고 태블릿보기가 표시됩니다.

가로로 들어가는 장치는 키패드를 표시 할 때 화면 폭이 화면 높이보다 커지기 때문에 발생합니다. (키패드로 인해 키가 작아짐)

타블렛과 모바일을 구별하는 해결책이 있습니까? 아니면 Nexus의 이러한 동작에 대한 해결 방법이 있습니까? (웹 응용 프로그램과 관련이 없습니다.)

답변

0

안녕하세요 저는 @media (최대 높이 : 615 픽셀) 높이 {0}에 대한 미디어 쿼리를 사용하여이 문제를 해결했지만 높이와 너비를 사용하여 감지하고 나를 위해 문제를 해결할 수 있습니다 .-

+0

세로와 가로 사이의 문제를 해결할 수있는 YE. 그러나 우리가 많은 장치를 지원해야했기 때문에 최대 높이가 도움이되지 않았습니다. 우리는 사용자 에이전트를 사용하여 넥서스를 확인했습니다. – Bhuvana