html - 将网页过渡到手机和平板电脑空间

标签 html css mobile tablet

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

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

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

谢谢大家。

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

最佳答案

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

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

    <

关于html - 将网页过渡到手机和平板电脑空间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10801991/

相关文章:

javascript - Opera Mini Jquery AJAX 未加载

iphone - CSS:如果媒体类型是短语,如何将 <link media =""/> 设置为带有 @media 的内联 CSS?

javascript - 在 django 网站中托管一个 "non-django app"(一个包含 index.html、一些 .js 和 .css 的文件夹)

css - div 可以在 cfdocument pdf 中部分透明吗?如何?

html - Safari 背景图片问题

html/css - 布局自动留边距

javascript - Twitter-Bootstrap-3 轮播修改

android - 为什么 CSS 边框在 Android 上看起来不同?

javascript - 如何制作一个每次点击时改变背景颜色的循环?

javascript - JQuery mouseleave() 不工作