JQuery 모바일 앱 해상도

Question

JQM과 PhoneGap을 사용하여 Android 앱을 개발 중입니다. 앱이 로우 엔드 기기에서는 좋지만 문자가 극단적으로 작아서 최고급 태블릿에 표시됩니다. 많은 사이트를 탐색 한 후 뷰포트 태그를 수정하려고했습니다. 누군가가 해상도를 제공하여 집중할 수 있다면 매우 유용 할 것입니다. 기능보다는 레이아웃과 해상도가 중요합니다.

Answer 1

CSS 미디어 쿼리를 사용하여 장치 해상도에 따라 글꼴 스타일을 구성하십시오.

예 :

@media screen and (max-width:600px) and (max-height:963px) { 
.fontClass { 
     font-size: 38px; 

    } 
} 
@media screen and (max-width:320px) and (max-height:568px) { 
.fontClass { 
     font-size: 28px; 

    } 
}