我想要检测访问我的网站的用户是使用移动设备还是pc,如果他使用pc,代码应该加载特殊的css和html代码,否则代码应该加载不同的css和html代码(两个设备在同一文件中的html和css )。
为了检测设备,我检查了许多代码,但不幸的是,它们都提供了只适用于特殊手机(iphone,ipad,android,blackberry,galaxy...)的代码,我想要一个适用于整个手机的代码。
设备检测示例:
function DetectIphone()
{
var uagent = navigator.userAgent.toLowerCase();
if (uagent.sea
我写了一些CSS代码,使HTML页面更适合移动浏览器。为了确保我的CSS只适用于手机,我使用了以下媒体查询:
@media only screen and (max-device-width: 480px)
作为一名iPhone开发人员,我在这个设备上进行了测试,它工作得非常好。但我希望我的CSS可以用于所有类型的设备(Android,Windows Phone等)。
什么是一个好的解决方案,可以适用于这些天的大多数智能手机?或者我需要一个更复杂的媒体查询?