0

我遵循了一个很棒的教程来设计响应式导航菜单。在我的台式电脑上测试菜单时，一切看起来都很棒。然后作为测试，我在手机上查看了该网站 - Sony Ericsson Aino（我知道是蹩脚的），看起来菜单无法获取 CSS（style.css）。奇怪，因为我已经正确链接了我的样式表。我不确定这是否是我的手机，但谁能看到我在这里做错了什么？访问 www.testing123.co.za 。问题是我没有任何平板电脑、机器人或其他移动设备来查看网站，所以我不知道网站（菜单）是否在这些设备上运行。

你需要我在这里复制CSS吗？否则，您始终可以对其进行源代码处理。

提前致谢！

4

2 回答 2

1

艾诺使用NetFront浏览器3.5

此手机支持的 ​​CSS/HTML 标准在此处列出：http: //dl-www.sonymobile.com/cws/download/1/708/159/1277364112/DW-88004-dg_web_browser_nf3_r31a.pdf [参见第 12 页]

我建议您从一些非常基本的 CSS 开始并进行测试，然后继续添加到您的样式表中，直到它不起作用为止。

注意：较旧的 NetFront 浏览器（低于 3.5 版）将在媒体查询后忽略样式表的其余部分。

另一方面，您的样式表具有从大到小列出的媒体查询。从移动优先的角度来看，您应该颠倒这些，所以最小的是第一。

于 2012-05-31T03:24:52.110 回答
0

您正在使用nav带有 XHTML 1.0 DOCTYPE 的 HTML5 元素。改变：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

至

<!DOCTYPE html>
<html>
于 2012-05-30T21:29:38.880 回答