我想知道如何仅在通过智能手机访问网站时添加 css 和 javascript 代码。
目前我正在使用媒体查询,但它并没有解决问题,因为目前一些智能手机的分辨率甚至比一些平板电脑和台式机还要高。
我想知道如何仅在通过智能手机访问网站时添加 css 和 javascript 代码。
目前我正在使用媒体查询,但它并没有解决问题,因为目前一些智能手机的分辨率甚至比一些平板电脑和台式机还要高。
您可以通过使用特征检测。Modernizr检查触摸事件。
或者,您可以使用用户代理 - 查看http://detectmobilebrowsers.com/
然而,最好的选择是使用流体网格网站设计来设计您的网站,以便您的网站能够很好地适应移动设备、平板电脑和笔记本电脑/台式机。
如果您尝试检测高分辨率屏幕(这不仅仅意味着智能手机!),请使用device-pixel-ratio
媒体查询:http ://css-tricks.com/snippets/css/retina-display-media-query/
您实际上要检测的智能手机呢?
如果可能,请尝试检查服务器端的 User-Agent HTTP 标头,并动态包含必要的 css 和 js 文件。
您可以检查浏览器的用户代理以查看用户是否从智能手机连接。
查看此相关帖子