如何将正确的CSS用于设备

Question

我正在创建一个网站，我应该为不同的设备（PC，iPad，iPhone）使用不同的CSS，可以知道人们使用哪种设备选择CSS ？？？

Answer 1

您在用户在哪个平台/设备上查看网站上的最佳信息是HTTP标头中可用的浏览器版本。移动设备可能会说他们正在使用Chrome（在Android手机上）或IE（在Windows手机上），但是您应该能够从版本的信息中发现它是浏览器的移动版本。

您可以使用JavaScript动态设置样式，或者可以使用服务器端脚本（ASP，JSP，PHP）来加载CSS脚本。您必须使用的工作取决于您的网站的编写。请注意，使移动设备运行大型JS脚本以动态设置样式并不是移动设备上的性能。

Answer 2

基于媒体类型加载不同的CSS：

W3C -Media类型

Answer 3

如果@Justin Niessner的答案没有给出足够的细胞控制，则可以尝试从用户代理字符串检测浏览器/设备。这是某些人皱眉的，并且不能保证是准确的，但可能会有所帮助。基本上，在JavaScript中检测浏览器，然后动态添加正确的样式表。或者，这可以完成服务器端。