Phonegap, 480x720, 480x800 및 480x854의 CSS 스타일링 문제

Question

Phonegap의 CSS 문제를 해결하기 위해 며칠 동안 노력해 왔습니다.

지도가 표시된 앱과 일부 컨트롤 버튼이 있습니다. buttoms를위한 공간이 있도록지도 크기를 설정해야합니다.

대부분의 화면 해상도에서 작동하지만 480x720, 480x800 및 480x854의 경우 3 가지 스타일로 나와 작동하지 않습니다. 나는 다른 문제들로 다른 것을 보았지만 여전히 문제가있다. 세 가지 화면 해상도는 동일한 스타일을 선택합니다.

는 예를 들면 이는 480x720 작동 :

@media 스크린과 (분 기기 폭 : 455px) 및 (MAX-소자 폭 : 720px) 및 (방향 : 세로) {/ * 스타일 * /}

인용문

그러나 480X800 같은 스타일을 선택합니다. I이어서 480X800 새로운 스타일 만들 경우

@media 만 화면 (최소 소자 폭 : 480 픽셀) 및 (방향 : 세로) {/ * 스타일 * /}

을

그러면 480x800에서 작동하지만 480x720에서도 사용합니다.

나는 또한 내가 이유를 알아낼 수 없습니다 많은 다른 것들을, 최소 장치 폭, 최대-장치 폭 등을 시도 (분-장치 폭 : 455px) 작동 480x720가

( here 그것을 발견)에 대한

어떤 도움

가

Answer 1

이건 그냥 내 머리 위로 떨어져입니다 :) 감사하지만 난 당신이 같은 것을 할 필요가 믿는 것입니다 :

@media screen and (max-device-width: 480px) and (max-device-height: 720px) and (orientation: portrait) 
@media screen and (max-device-width: 480px) and (max-device-height: 800px) and (orientation: portrait) 
@media screen and (max-device-width: 480px) and (max-device-height: 854px) and (orientation: portrait) 

각 화면 해상도에 맞는 스타일을 제공.