我遵循了一个很棒的教程来设计响应式导航菜单。 在我的台式电脑上测试菜单时，一切看起来都很棒。然后作为测试，我在我的手机上查看了网站 - Sony Ericsson Aino（我知道跛脚），看起来菜单无法获取 CSS（style.css）。奇怪，因为我已经正确链接了我的样式表。我不确定这是否是我的手机，但谁能看到我在这里做错了什么？访问 www.testing123.co.za 。 问题是我没有任何平板电脑、机器人或其他移动设备来查看网站，所以我不知道网站（菜单）是否在这些设备上运行。
需要我在这里复制 CSS 吗？否则，您可以随时对其进行源代码。
提前致谢！
【问题讨论】：
标签： css html mobile responsive-design fluid-layout
您正在使用带有 XHTML 1.0 DOCTYPE 的 HTML5 nav 元素。变化：
<!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>
【讨论】：
艾诺使用NetFront browser 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 版）将在媒体查询后忽略样式表的其余部分。
另一方面，您的样式表中的媒体查询从大到小排列。从移动优先的角度来看，您应该颠倒这些，所以最小的是第一。
【讨论】：