css - 我的响应式网站在移动设备上看起来不正确？

Question

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

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

提前致谢!

Answer 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)将在媒体查询后忽略样式表的其余部分。

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