当我在 Android 设备上显示时,我的个人网站全乱了。
我已经在 Windows 和 Mac OS X 上的所有主要浏览器上测试了我的网站: - IE7 到 IE10 - Chrome - FireFox - Opera - Safari
他们都正确显示我的网站。我还在一些 Apple 设备上进行了测试,它们也能正确显示。
但我试过 Nexus 4 和 Nexus 7,布局都一团糟。页面全部缩小,菜单似乎在视口之外。
我在这里迷路了,任何帮助将不胜感激。
当我在 Android 设备上显示时,我的个人网站全乱了。
我已经在 Windows 和 Mac OS X 上的所有主要浏览器上测试了我的网站: - IE7 到 IE10 - Chrome - FireFox - Opera - Safari
他们都正确显示我的网站。我还在一些 Apple 设备上进行了测试,它们也能正确显示。
但我试过 Nexus 4 和 Nexus 7,布局都一团糟。页面全部缩小,菜单似乎在视口之外。
我在这里迷路了,任何帮助将不胜感激。
您需要在您的 css 中添加媒体查询以查看您的网站以查找移动设备。请参考以下链接,因此您需要在 css 中进行更改。
http://webdesignerwall.com/tutorials/responsive-design-in-3-steps
尝试删除 body 元素上的固定背景。