gpt4 book ai didi

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

转载 作者:太空宇宙 更新时间:2023-11-04 12:56:01 25 4
gpt4 key购买 nike

我在一个元素中,当从移动设备(在我的例子中是 Android 浏览器 4.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 设置媒体查询,它会正确应用。

最佳答案

不同的浏览器/设备有不同的问题,移动浏览器尤其容易出错。它只是您的手机还是所有 Android 设备?这可能只是与该浏览器或设备相关的问题。在其他移动浏览器上进行测试,看看哪些浏览器有问题。缩小范围,然后您就可以开始研究更具体的问题。此外,请仔细检查您的移动浏览器屏幕宽度,这有时会让人感到困惑。

关于android - 基于 EM 的媒体查询不适用于 Android 浏览器 v4.3,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25824191/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com