我已经按照一个很棒的教程来设计响应式导航菜单。 在我的桌面PC上测试菜单时，一切看起来都很棒。然后作为测试，我看了我的手机上的网站 - 索尼爱立信艾诺（我知道Lame），看起来菜单无法拿起CSS（style.css）。奇怪，因为我已经正确地链接了我的样式表。我不确定这是不是我的手机但有人能看到我在这里做错了吗？访问www.testing123.co.za。 问题是我没有任何平板电脑，机器人或其他移动设备来查看网站，所以我不知道网站（菜单）是否正在这些设备上运行。
你需要我在这里复制CSS吗？否则你总能找到它的代码。
提前致谢！
答案 0 :(得分：1)
Aino使用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版以下）将在媒体查询后忽略其余的样式表。
另一方面，您的样式表具有从大到小列出的媒体查询。从移动优先的角度来看，你应该扭转它们，所以最小的是第一个。
答案 1 :(得分：0)
您正在使用带有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>