【问题标题】:How to detect mobile and tablet using CSS or JavaScript regardless of brands?无论品牌如何,如何使用 CSS 或 JavaScript 检测手机和平板电脑?
【发布时间】:2011-09-16 12:57:25
【问题描述】:

基本上我想要做的是为桌面、移动和平板电脑提供 3 个 css 样式表。 而且我不在乎它是ipad还是三星galaxy tab,只要我知道它是平板电脑,所以我只是将平板电脑css应用到它上面。与我也不关心的 iphone 或 Nexus 相同。我基本上只关心维度。如果 JQuery Mobile 可以做到这一点,那就太好了。

我知道有很多用于检测 iphone、ipad 等的代码,希望我的帖子仍然有意义。

谢谢。

【问题讨论】:

  • 2年多后,你能判断这里是否有人给你一个可以接受的答案吗?

标签: jquery iphone html mobile css


【解决方案1】:

听起来像使用CSS media queries 创建responsive design 可能是您需要的。

【讨论】:

    【解决方案2】:

    你可以看看https://stackoverflow.com/a/10364620/450399

    他使用 css 检查屏幕大小并设置 HTML 元素并在 javascript 中引用 css 以确定它是否是“移动/平板电脑”设备。

    你也可以看看Twitter Bootstrap :) 真的很神奇!

    【讨论】:

      【解决方案3】:

      您可以在SmashingMagazine 上查看关于media queries and browser detection 的精彩文章

      如果你再去挖掘一些,你会发现更多有用的信息。

      【讨论】:

        【解决方案4】:

        我个人使用device.jsmobile-detect.js

        【讨论】:

          猜你喜欢
          • 2011-09-29
          • 1970-01-01
          • 1970-01-01
          • 2012-03-20
          • 1970-01-01
          • 2014-03-12
          • 2013-02-12
          • 1970-01-01
          • 1970-01-01
          相关资源
          最近更新 更多