无论品牌如何，如何使用 CSS 或 JavaScript 检测手机和平板电脑？

【问题标题】：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.js和mobile-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
          相关资源
          最近更新 更多
          热门标签
          Java Python linux javascript Mysql C# Docker 算法 前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库 数据结构 大数据 js 机器学习 微服务 Android Go 程序员 面试 JVM ASP.net core 云原生 人工智能 后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习 多线程 React 架构 devops 爬虫 云计算 Spring Boot LeetCode