【问题标题】:Transitioning webpage into mobile and tablet space将网页过渡到移动和平板电脑空间
【发布时间】:2012-06-03 20:16:02
【问题描述】:

我将在接下来的几周内将我的网页内容转换为移动版本和平板电脑版本。我对此影响有几个问题:

  1. 根据用户使用的设备/浏览器,将用户发送到正确站点的可接受方式是什么? (即我们是否在 PHP 中检查某种浏览器类型或其他东西)?我已经研究了在所有设备/分辨率上都显示出色的漂亮 CSS 网格 - 但此时我还没有准备好进行完全切换 - 所以我只想拥有我当前网站的简化版本(无论是它是通过重定向或其他方式)。

  2. 我们如何考虑移动设备和平板电脑空间中的悬停/鼠标悬停效果?

谢谢大家。

更新: 我确实为 #1 找到了这个:http://code.google.com/p/php-mobile-detect - 实际上看起来很完美。

【问题讨论】:

  • 我能否建议您也提供一种访问完整站点的方法。当一个网站认为我的 Galaxy Tab 10.1 是移动设备时,我感到非常沮丧,并且在没有任何方式进入主网站的情况下自动重定向。抱歉,不是答案,只是一般观点
  • @freefaller 好点,我也忽略了这一点 =)。

标签: html css mobile tablet


【解决方案1】:
  1. 您应该根据用户代理重定向用户,在 PHP 中您可以使用 $_SERVER['HTTP_USER_AGENT']。使用服务器端检测是迄今为止最可靠的重定向某人的方法。将来您可能会考虑使用响应式样式表来更改布局的显示方式(基于屏幕大小,从某种意义上说对于未来的设备更可靠)

  2. 触摸设备没有悬停状态,这并不意味着您不能使用一些 Javascript onTouch 事件来做到这一点,但是当您触摸锚点之类的东西时它会打开或关闭

    李>

【讨论】:

  • 对于#2,我想我在某处读到了 ipads/ipods/etc。有一个用于任何鼠标悬停效果的内置事件。所以第一次点击是鼠标悬停效果,第二次是链接效果……这是真的吗?
  • 这是真的,但它不可靠(不会发生在 100% 的链接上)
  • 有任何此类示例/教程的链接吗?基本上,如果可能的话,我想强制这种行为。 “所有鼠标悬停/css 悬停事件都会变成触摸设备的点击。”基本上....只是不确定如何做出这种行为(点击鼠标悬停)。
  • 这是一个强制点击它的修复:stackoverflow.com/questions/2741816/…,不要使用任何在触摸时读取的内容,因为如果你为了滚动而触摸它,它仍然会触发链接
  • 据我所知,该帖子仅删除了平板电脑/智能手机/等的所有:hover...我想强制执行他描述的行为:单击-悬停效果如果一个则激活存在,第二次点击 - 链接已启用。
猜你喜欢
  • 1970-01-01
  • 2015-03-25
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-12-28
相关资源
最近更新 更多