在网站设计方面,我是一个完全的新手,但我的任务是为学术会议设计网站。我想设计一个功能性网站,我了解它背后的代码。我设法做到了,但现在在智能手机上查看它时遇到问题。当我在砖块和手机等在线模拟器上查看网站时,似乎工作正常。但是,当我的同事使用智能手机尝试查看它时,主要内容区域不会滚动。有谁知道解决这个问题的方法。该网站的网址是:
编辑:问题似乎出在安卓手机上。如果你放大一点,你就可以滚动,如果你移动到纵向视图而不是横向视图,那很好,但它不会在安卓的横向视图上滚动。
您可能想尝试将视口元数据添加到您的标题中,确保每个设备都能以最佳宽度看到您的网站(这消除了用户在大多数移动设备上放大的麻烦)。
您可以在以下文章中找到一些有用的信息:http: //www.html5rocks.com/en/mobile/mobifying/
三星 Galaxy S2 上的网站存在一些缩放问题。这主要与设置为 21% 的菜单有关。
此外,您将许多元素的高度设置为 100%。你可能也想调查一下。