【问题标题】:Website scrolling on a smartphone在智能手机上滚动的网站
【发布时间】:2013-01-15 22:31:14
【问题描述】:

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

Conference Website

编辑:问题似乎出在安卓手机上。如果你放大一点点,你就可以滚动了

【问题讨论】:

  • 页面内容在我的 iPhone 上滚动。然而,该网站并不是在移动设备上查看的最佳选择。我会考虑检测设备并重定向到移动版本,或者采用响应式网页设计技术。虽然这一切都需要时间和精力!
  • 在我的 iPhone 上也能正常工作。看起来您正在使用框架,这可能会导致其他设备上的接口问题?通常不赞成使用框架,如果可能的话,你会想避免它。
  • 感谢您的快速回复。我知道观看绝不是最佳的。但是,只要它是可见的,我就很高兴(大多数人会在 pc 或 mac 上查看它。问题似乎出在编辑中描述的 Android 手机上。

标签: html css


【解决方案1】:

您可能想尝试将视口元数据添加到您的标题中,确保每台设备都能以最佳宽度看到您的网站(这使用户不必在大多数移动设备上放大)。

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

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

此外,您将许多元素的高度设置为 100%。您可能也想调查一下。

【讨论】:

  • 感谢您的建议。我现在为网站的移动版本选择了稍微不同的样式,以使事情变得更简单。
猜你喜欢
  • 1970-01-01
  • 2014-11-05
  • 2013-06-27
  • 1970-01-01
  • 2016-05-17
  • 1970-01-01
  • 1970-01-01
  • 2014-08-18
  • 1970-01-01
相关资源
最近更新 更多