android - 仅在 Android 上网站布局一团糟

标签 android html css web mobile-website

当我在 Android 设备上显示我的个人网站时,它全乱了。

我已经在 Windows 和 Mac OS X 上的所有主要浏览器上测试了我的网站: - IE7 到 IE10 - Chrome - 火狐 - 歌剧 - Safari

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

但我已经在 Nexus 4 和 Nexus 7 上试过,但布局全乱了。 页面全部缩小,菜单似乎在视口(viewport)之外。

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

http://www.narcissusphoto.com/

最佳答案

您需要在您的 CSS 中添加媒体查询,以查找您的网站是否适合移动设备。请引用以下链接,相应地您需要在 css 中进行更改。

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

关于android - 仅在 Android 上网站布局一团糟,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19272402/

相关文章:

android - 从 Android 应用程序向流行的社交网络分享内容时,如何通过 [我的应用程序] 添加共享?

Android 使用 drawable-[ANY]dpi。是否可以?

android - 为什么我的 HTML 列表在 WebView 中移出了屏幕?

html - 下拉菜单问题 - 纯CSS

html - Bootstrap 3,不同高度的列布局?

android - onbackpressed 用于画廊 Intent ,Android

android - 在将照片上传到服务器之前减小 Android 中的照片大小

JavaScript 逗号计数器

css - 我想摆脱列表组中的额外空间

html - 堆叠 CSS3 旋转灵活的盒子