将网页转换为移动和平板电脑空间

时间:2012-05-29 15:16:58

标签: html css mobile tablet

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

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

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

  3. 谢谢大家。

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

1 个答案:

答案 0 :(得分:0)

  1. 您应该根据用户代理重定向用户,在PHP中您可以使用$_SERVER['HTTP_USER_AGENT']。使用服务器端检测是目前重定向某人的最可靠方式。将来您可以考虑使用自适应样式表来更改布局的显示方式(根据屏幕尺寸,从某种意义上说,对于未来的设备更可靠)

  2. 触摸设备没有悬停状态,这并不意味着您无法使用某些Javascript onTouch事件执行此操作,但是当您触摸类似锚点时它会打开或关闭