如何添加js和css只有智能手机?

时间:2013-04-04 18:49:33

标签: javascript html5 css3 responsive-design media-queries

我想知道如何在通过智能手机访问网站时添加css和javascript代码。

目前我正在使用媒体查询,但它无法解决问题,因为目前一些智能手机已经具有更高的分辨率甚至比某些平板电脑和台式机还要高。

4 个答案:

答案 0 :(得分:2)

您可以使用功能检测。 Modernizr检查触摸事件。

或者,您可以使用用户代理 - 请查看http://detectmobilebrowsers.com/

然而,最好的办法是使用流畅的网格网站设计来设计您的网站,以便您的网站能够很好地适应移动设备,平板电脑和笔记本电脑/台式机。

答案 1 :(得分:0)

如果您尝试检测高分辨率屏幕(这不仅仅意味着智能手机!),请使用device-pixel-ratio媒体查询:http://css-tricks.com/snippets/css/retina-display-media-query/

你真的试图检测智能手机怎么样?

答案 2 :(得分:-1)

如果可能,请尝试检查服务器端的User-Agent HTTP标头,并动态包含必要的css和js文件。

答案 3 :(得分:-1)

您可以查看浏览器的用户代理,了解用户是否通过智能手机进行连接。

查看此relevant post