EM 기반 미디어 쿼리가 Android 브라우저 v4.3에 적용되지 않음

모바일 장치 (내 Android 브라우저 4.3)에서 열 때 미디어 쿼리가 적용되지 않는 프로젝트에 있습니다. 내 모바일에서 이것을 열면 미만 25로EM 기반 미디어 쿼리가 Android 브라우저 v4.3에 적용되지 않음

<!doctype html> 
<html lang="es"> 
<head> 
     <title>EM TESTER</title> 
     <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, user-scalable=yes"> 
    <style> 

     body{background-color: yellow;} 

     @media screen and (max-width: 25em) { 
     body{background-color:red;} 
    </style> 
    </head> 
    <body> 
     <div style="font-size:300%;">25 EM TESTER</div> 
    </body> 
</html>

, 그것은 빨간색 배경이 있어야합니다

문제를 단순화하고 여기에 그것을 표시하려면, 난 그냥이 코드와 super simple ONLINE DEMO을 만들었습니다 em 너비이지만이 것은 적용되지 않습니다.

Android의 Chrome에서는 이지만 Android 브라우저에서는 제대로 작동하지 않습니다. 4.3. 나는 이것을 거의 10 대의 기기에서 테스트했으며 다른 Android 브라우저 버전에서도 모든 것이 제대로 작동합니다 (배경색은 빨간색 임).

알려진 버그가 있습니까?

EM이 아닌 PX로 미디어 쿼리를 설정하면 올바르게 적용됩니다.

출처

2014-09-13 Biomehanika

브라우저/기기마다 다른 문제가 있으며 모바일 브라우저는 특히 버그가 있습니다. 휴대 전화 또는 모든 Android 기기입니까? 아마 그 브라우저 나 장치에만 관련된 문제 일 것입니다. 다른 모바일 브라우저에서 테스트하고 어떤 브라우저에서 문제가 발생했는지 확인하십시오. 범위를 좁히면 더 구체적인 문제를 볼 수 있습니다. 또한 모바일 브라우저 화면 너비를 두 번 확인하십시오. 때때로 혼란 스러울 수 있습니다.

출처

2014-09-13 14:41:23

다른 기기를 확인한 후에는 내 브라우저의 기능처럼 보입니다. 모든 휴대 기기는 빨간색 배경으로 표시됩니다. 내, yelloy. 브라우저 버전 정보로 업데이트하겠습니다. – Biomehanika

가끔은 다른 것을 표시하는 일부 브라우저를 다루어야합니다. 특정 기기와 결합 된 안드로이드에만 있기 때문에 이는 시장의 매우 작은 비율을 의미합니다. 나는 그걸 해결할 뿐이다. 웹을위한 디자인은 예외를 만드는 것을 의미합니다. –

나는 어제 결정한 것을 동의한다. 그래서 안드로이드 브라우저가 새로운 기능을 업데이트하는 것에 신경을 쓰지 않고, 인터넷에서 약간의 정보를 chjecking하는이 브라우저는 최악의 현재 브라우저 (심지어 사기꾼 전화 브라우저가 더 좋다 ...) 인 것 같습니다. 왜 그냥 모든 안드로이드 장치에 Chrome을 사전 설치하지 않습니까? 음, 고맙습니다. – Biomehanika

EM 기반 미디어 쿼리가 Android 브라우저 v4.3에 적용되지 않음

답변

관련 문제