gpt4 book ai didi

html - Openwave 移动浏览器错误解释 CSS 子选择器和后代选择器

转载 作者:太空宇宙 更新时间:2023-11-03 19:21:58 25 4
gpt4 key购买 nike

我正在设计一个网站并在运行 Openwave 移动浏览器 6.2.3.2 的 LG VX8360 手机上对其进行测试。我网站上的很多东西看起来都不对,我注意到浏览器没有正确处理 CSS 子选择器或后代选择器。我做了一个这样的页面:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Mobile test</title>
<style type="text/css">
div div {
background: yellow}
</style>
</head>
<body>
<div>test 1 - this div should have no background</div>
<br>
<div><div>test2 - this div should have a yellow background</div></div>
</body></html>

我只希望第二个 div 有黄色背景,但在我的手机上,两个 div 都是黄色的。我该怎么办?有谁知道某种解决方法?我查看了 Google,但找不到任何有用的信息。

编辑:我想补充一点,我正在为带有“Cache-Control: no-transform” header 的页面提供服务,因此我怀疑代理或转码器是否会改变任何东西.

我做了一些 Felipe 建议的测试。我看到了同样的事情,不管我在声明后是否有分号。我尝试去掉样式元素并将黄色背景放在内部测试 2 div 的样式属性中,一切都按预期进行。我尝试添加“div {background: red;}”,但两个 div 仍然是黄色。我调换了测试 1 和测试 2 div,两者仍然是黄色。

此外,我尝试访问此代码:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Mobile test</title>
<style type="text/css">
div {
background: red;}
.foo div {
background: yellow;}
</style>
</head>
<body>
<div>test 1 - this div should be red.</div>
<br>
<div class="foo"><div>test 2 - this div should be yellow.</div></div>
</body></html>

并且两个 div 都是红色的。我用一个 id 而不是一个类做了类似的事情,两个 div 都是红色的。

然后我尝试将类放在内部 div 上并使用“div.foo”或“.foo”选择器选择它并且它工作正常,大概是因为这不涉及子选择器或后代选择器。如果我改用 ID,也是一样。

我尝试将字符集设置为 ISO-8859-1,但一切都一样,所以我认为这与问题无关。我删除了 meta 标记,但一切仍然相同。

我尝试将 CSS 放在外部文件中。当我使用链接元素包含它时,我看到了与以前相同的结果。如果我尝试使用@import 包含它,我看不到任何样式。我的手机似乎无法访问使用@import 引用的 CSS 文件。

不用说,这让我发疯。我做的测试越多,情况似乎就越奇怪。我该怎么办?

编辑 2:当然我可以买一部新手机,但我正在尝试创建一个可以在任何类型的联网设备上运行的网站。

编辑 3: 我查看了 this guide移动 CSS 兼容性,无法找到有关我的浏览器的任何信息。我正要查看博客文章。

编辑 4: 关于此浏览器支持或不支持哪些 CSS 功能以及如何解决问题,我无法找到任何全面、客观的信息。如果这是一个不起眼的、过时的、不受欢迎的浏览器,我就会忘记这个问题。然而,几天前我走进一家 Verizon 商店,在他们的一些手机上测试我的网站,我发现很多全新的手机似乎都安装了这个浏览器的相同版本,但有一些错误。

最佳答案

Peter-Paul Koch 测试和兼容性表以及移动浏览器上的博客文章可以为您提供很多帮助:http://www.quirksmode.org/mobile/
您可以从它的测试开始。

它是 WAP 浏览器(显然)与 HTML 网站有问题吗?如果有可能,购买 Opera 某物或购买另一部手机(智能手机)或......它是否混合? :) 或建立一个 WAP 网站(编辑:以防万一,我在开玩笑 WAP 网站)

否则,正如我在对您的问题的评论中提到的那样,需要进一步的测试。

  • 为两个 div 设置不同的样式
  • 以不同的方式加载 CSS(使用 @import 的老派,使用 style 属性是否还可以)
  • 删除样式元素的类型属性(仍然尝试以不同方式加载 CSS)
  • 通过添加文本和完全不同的 div 顺序略微不同的 HTML 代码
  • id 和 class 选择器
  • id 和 class 选择器组合成一个元素
  • UTF-8 有问题吗?
  • 删除每个结束标签
  • 删除文档类型
  • 删除元数据

关于html - Openwave 移动浏览器错误解释 CSS 子选择器和后代选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3130038/

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