2013-04-09 7 views
0

내 모든 모바일 CSS를 통해 em 년대를 구현했습니다, 난 그냥 기반으로 body 태그에 한 번 font-size을 설정 device-pixel-ratio에 하나 16px (비율 : 1), 24px (비율 : 1.5), 또는 32px (비율 : 2) 등이 있지만 Android에서 Chrome을 사용하여 내 사이트를 열면 CSS에서 1.5 비율을 얻지 만 돌고래 또는 스톡 브라우저보다 1.5 배 더 큽니다.Chrome on Android 픽셀 비율이 꺼져 있습니까?

어떤 일이 벌어지고 있는지 알 수 있습니까?

답변

0

Android 용 Chrome 제거 결과 target-densitydpi의 결과입니다. 이것은 나에게 상당히 둔한 결정처럼 보입니다. 그러나 그것은 그것이 무엇인지입니다. 가장 잘 작동하는 해결책은 수동으로 Chrome/Android 버전 25 이상을 감지하고 내 줌 수준을 1/devicePixelRatio으로 변경하는 것입니다.

+0

target-densitydpi는 Android 이외의 외부에서 지원되지 않았으며 웹상의 아무도 그 이유 때문에 그렇게 많이 사용하지 않습니다. 뷰포트가 device-width 또는 initial-scale = 1.0으로 설정되어있는 경우에는 아무 것도하지 않아도됩니다. ........ 뷰포트가없는 글꼴은 때때로 "글꼴 부스팅"이 적용됩니다. – Kinlan