Android 仅安卓系统上的网站布局混乱不堪

Android 仅安卓系统上的网站布局混乱不堪,android,html,css,web,mobile-website,Android,Html,Css,Web,Mobile Website,当我在安卓设备上显示我的个人网站时,它就乱七八糟了 我已经在Windows和Mac OS X上的所有主要浏览器上测试了我的网站: -IE7至IE10 -铬 -火狐 -歌剧院 -狩猎 它们都正确地显示了我的网站。 我还测试了一些苹果设备,它们也能正确显示 但我试过Nexus4和Nexus7,布局都搞砸了。 页面已全部缩小,菜单似乎位于视口之外 我在这里迷路了,任何帮助都将不胜感激 尝试删除body元素上的固定背景。您需要在css中添加媒体查询,以便在网站上查找移动设备。请参考下面的链接,相应地,您

当我在安卓设备上显示我的个人网站时,它就乱七八糟了

我已经在Windows和Mac OS X上的所有主要浏览器上测试了我的网站: -IE7至IE10 -铬 -火狐 -歌剧院 -狩猎

它们都正确地显示了我的网站。 我还测试了一些苹果设备,它们也能正确显示

但我试过Nexus4和Nexus7,布局都搞砸了。 页面已全部缩小,菜单似乎位于视口之外

我在这里迷路了,任何帮助都将不胜感激


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

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


老兄,如果你拍了那些照片,他们是个不错的人。你用什么射击?另外,请发布代码,或者至少一个JSFIDLE。嗨,我确实拍了这些照片。我用尼康D600和2个Prime拍摄。85mm和50mm 1.8g这似乎是使其工作的最佳方式。我添加了meta viewport标记,非常接近完美。谢谢