基于EM的媒体查询不适用于Android浏览器v4.3

我在一个项目中，当从移动设备（在我的情况Android Browser 4.3）打开时，不适用媒体查询。基于EM的媒体查询不适用于Android浏览器v4.3

为了简化问题，并显示在这里，我创建了一个super simple ONLINE DEMO只此代码：

<!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>

当我打开这个从我的手机，它应该有红色的背景，因为它是小于25 em宽度，但它不适用于此。

这适用于我的Android上的Chrome，，但不适用于我的Android浏览器4.3。我已经测试了近10个设备，并且所有工作都正常（背景颜色为红色），即使在其他Android浏览器版本中也是如此。

有没有关于这方面的任何已知的错误？

如果我用PX而不是EM设置媒体查询，它应用正确。

来源

2014-09-13 Biomehanika

不同的浏览器/设备有不同的问题，移动浏览器尤其是越野车。它只是你的手机还是所有的Android设备？这可能只是一个与该浏览器或设备相关的问题。在其他移动浏览器上测试，看看哪些浏览器有问题。缩小范围，然后你可以开始查看更具体的问题。另外，请仔细检查您的手机浏览器屏幕宽度，有时可能会造成混淆。

来源

2014-09-13 14:41:23

检查其他设备后，它似乎是我的浏览器的一个特性：所有移动设备都显示红色背景。我的，耶洛伊。我将使用浏览器版本信息更新 – Biomehanika 2014-09-13 15:01:21

有时您只需处理一些显示不同内容的浏览器。由于只有在Android上与您的特定设备配合使用，这意味着它只占市场的很小一部分。我只会解决它。为网络设计意味着例外。 – 2014-09-13 22:08:01

我同意，那是昨天决定的。所以烦人的Android浏览器不关心更新新功能，只是在网上一些信息chjecking，这个浏览器似乎是最糟糕的当前浏览器（即使寡妇手机浏览器更好...）。他们为什么不在所有的Android设备上预装Chrome，而不是这种糟糕的东西？那么，谢谢你shadw – Biomehanika 2014-09-14 07:13:54

基于EM的媒体查询不适用于Android浏览器v4.3

回答

相关问题