왜 내 앱이 고해상도 안드로이드 폰에서 더 작게 보이는가?

Question

Adobe의 전화 간격을 사용하여 대부분 모바일 Safari, Desktop Firefox 및 Desktop Chrome에서 확인했지만 Android 고해상도 장치 (HRDS)에서 확인한 모든 글꼴 및 측정 (REMS에서 계산 된) 모두에서 확인했을 때반큼의 절반.

나는 이것을 다음과 같이 수정하려고 시도했다 :

@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution:2dppx){
    html{
        /*font-size:125%;*/
    }
}

.

... 그러나 Android HRDS가 정상적으로 보입니다. 이제 iOS HRDS 장치가 지나치게 보입니다.이 불일치를 수정하는 가장 좋은 방법은 무엇입니까?나는 Android 특정 미디어 쿼리를 들여다 보지만 그 중 20 개와 같은 것을 의미 할 것이며 특히 Android 기기에 영향을 미칠 수 없다는 보장은 없습니다.

Answer 1

CSSCONF에서 MIKE Stamm의 대화 문제는 실제로 Antroid가 사용하는 Meta Viewport 태그의 Target-DenctyDPI 속성이지만 Apple은 무시합니다.그것은해야합니다 :

<meta name="viewport" content="target-densitydpi=160">

.

대부분의 Android 기기의 문제점을 해결하는

(일부 안드로이드 장치는 목표 - 밀도= 140 가 필요).

관련 : 위에 연결된 비디오는 iOS 및 Android 디스플레이의 차이점 뒤에 흥미로운 역사적인 이유가 있습니다.

Answer 2

meta 에이 head 태그를 추가합니다.

<meta name="viewport" content="width=device-width, initial-scale=1.0">