仅在 Android 上的网站布局都搞砸了

Question

当我在 Android 设备上显示时，我的个人网站一团糟。

我已经在 Windows 和 Mac OS X 上的所有主要浏览器上测试了我的网站： - IE7 到 IE10 - 铬合金 - 火狐 - 歌剧 - 野生动物园

它们都正确显示了我的网站。 我还在一些 Apple 设备上进行了测试，它们也能正常显示。

但我在 Nexus 4 和 Nexus 7 上试过，但布局都一团糟。 页面全部缩小，菜单似乎在视口之外。

我在这里迷路了，我们将不胜感激。

http://www.narcissusphoto.com/

Answer 1

您需要在您的 css 中添加媒体查询，以便在您的网站上查找移动设备。请参考以下链接，相应地您需要在 css 中进行更改。

http://webdesignerwall.com/tutorials/responsive-design-in-3-steps

Answer 2

尝试移除 body 元素上的固定背景。