Javascript 如何为设备使用正确的css

我正在创建一个网站，我应该为不同的设备pc、ipad和iphone使用不同的css

---

可以知道人们使用哪个设备来选择css？？？

根据媒体类型加载不同的css：

---

根据媒体类型加载不同的CSS：

---

关于用户在哪个平台/设备上查看站点，您拥有的最佳信息是浏览器版本，可在HTTP标题中找到。移动设备可能会说他们在Android手机上使用Chrome浏览器，或者在Windows手机上使用IE浏览器，但是你应该能够从版本信息中发现这是浏览器的移动版本

---

您可以使用JavaScript动态设置样式，或者使用服务器端脚本ASP、JSP、PHP加载CSS脚本。你必须使用什么取决于你的网站是用什么写的。请注意，让移动设备运行大型JS脚本以动态设置样式在移动设备上不会非常有效。

用户查看网站的平台/设备上的最佳信息是浏览器版本，可在HTTP标题中找到。移动设备可能会说他们在Android手机上使用Chrome浏览器，或者在Windows手机上使用IE浏览器，但是你应该能够从版本信息中发现这是浏览器的移动版本

---

您可以使用JavaScript动态设置样式，或者使用服务器端脚本ASP、JSP、PHP加载CSS脚本。你必须使用什么取决于你的网站是用什么写的。请注意，让移动设备运行大型JS脚本以动态设置样式在移动设备上不会非常有效。

如果@Justin Niessner的回答没有提供足够的精细控制，您可以尝试从用户代理字符串检测浏览器/设备。这是一些人不赞成的，它不能保证是准确的，但它可能会有所帮助。基本上，用Javascript检测浏览器，然后动态添加正确的样式表。或者，这可以在服务器端完成。

如果@Justin Niessner的回答没有提供足够的精细控制，您可以尝试从用户代理字符串检测浏览器/设备。这是一些人不赞成的，它不能保证是准确的，但它可能会有所帮助。基本上，用Javascript检测浏览器，然后动态添加正确的样式表。或者，这可以在服务器端完成。

我尝试了whit，但我的所有pc、手机和ipod都使用了屏幕样式表，我想ipad和iphone也是如此。我尝试了whit，但我的所有pc、手机和ipod都使用了屏幕样式表，我想ipad和iphone也是如此