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

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

android css

基于EM的媒体查询不适用于Android浏览器v4.3,android,css,media-queries,em,mobile-devices,Android,Css,Media Queries,Em,Mobile Devices,我参与的一个项目，当从移动设备（在我的例子中是Android Browser 4.3）打开时，不会应用媒体查询为了简化问题并在此处显示，我使用以下代码创建了一个： <!doctype html> <html lang="es"> <head> <title>EM TESTER</title> <meta charset="UTF-8"> <meta name="viewport" con

我参与的一个项目，当从移动设备（在我的例子中是Android Browser 4.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>


电磁测试仪
正文{背景色：黄色；}
@媒体屏幕和屏幕（最大宽度：25em）{
正文{背景色：红色；}
25电磁测试仪

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

这在我的Android上的Chrome上可以正常工作，但在我的Android浏览器4.3上无法正常工作。我已经在近10台设备上测试了这一点，所有设备都可以正常工作（背景颜色为红色），甚至在其他Android浏览器版本上也是如此

这方面有什么已知的错误吗

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

不同的浏览器/设备有不同的问题，移动浏览器尤其有缺陷。这只是你的手机还是所有android设备？这可能只是一个与该浏览器或设备特别相关的问题。在其他移动浏览器上测试，看看有什么浏览器解决这个问题。缩小范围，然后你可以开始研究一个更具体的问题。另外，仔细检查你的手机浏览器屏幕宽度，这有时可能会让人困惑。

检查其他设备后，我的浏览器似乎成了一个大问题：所有手机设备都显示红色背景。我的，yelloy。我以后会用浏览器版本信息更新s你只需要处理一些显示不同内容的浏览器。因为它只在android上与你的特定设备相结合，这意味着它只占市场的一小部分。我会努力解决它。为web设计意味着制造例外。我同意，这是昨天决定的。安卓浏览器不在乎这一点真让人恼火关于更新新功能，只需在网上查询一些信息，该浏览器似乎是当前最差的浏览器（即使Widows手机浏览器也更好…）。为什么他们不在所有Android设备上预装Chrome，而不是这个蹩脚的东西呢？好吧，谢谢你，shadwI使用Chrome，一切都是我的，但是很多Android用户甚至不知道有一个移动Chrome版本。他们看到了互联网图标，这是他们独特的导航应用，所以我担心没有这个应用程序可供用户使用m、但经过测试，无论是在较新版本还是较旧版本的Android浏览器上，这都能正常工作，因此这一定是我的手机/型号/任何东西的一个特定问题