html - 在智能手机上滚动的网站

Question

在网站设计方面，我是一个完全的新手，但我的任务是为一个学术 session 设计一个网站。我想设计一个我理解其背后代码的功能性网站。我已经设法做到了，但现在在智能手机上查看它时遇到问题。当我在在线模拟器上查看网站时，例如 brick and mobile似乎工作正常。然而，当我的同事使用智能手机尝试查看它时，主要内容区域不会滚动。有谁知道解决这个问题的方法。该网站的网址是:

Conference Website

编辑:问题似乎出在安卓手机上。如果你稍微放大一点，你就可以正常滚动，如果你移动到纵向 View 而不是横向 View ，那很好，但它不会在 android 的横向 View 上滚动。

Answer 1

您可能想尝试将视口(viewport)元添加到页眉，确保每台设备都能以最佳宽度看到您的网站(这样用户就不必在大多数移动设备上放大)。

您可以在以下文章中找到一些有用的信息:http://www.html5rocks.com/en/mobile/mobifying/

Samsung Galaxy S2 上的网站存在一些缩放问题。这主要与您的菜单有关，该菜单设置为 21%。

此外，您将许多元素的高度设置为 100%。您可能也想研究一下。