移动设备类型检测样式？

Question

有人可以建议检测网站是在移动设备而不是PC上观看的最佳方法吗？我想使用几个移动样式表来适应每个平台，但是要知道iPhone / Android试图将该网站渲染为PC而不是移动设备吗？

我想JavaScript检测脚本可能是一个选项吗？

Answer 1

如何使用CSS @media？

h2 {
  font-size: 12em;
}
@media (max-width: 320px) {
  h2 {
    font-size: 8em;
  }
}

Answer 2

正如其他人所指出的那样，使用@media可能适用于较新的移动设备，可能足以满足您的需求。 I found this article to be very helpful for iPhone mobile website development.

如果您需要在服务器上进行高质量的移动检测，那么您将需要让服务器端开发人员参与其中。我使用Wurfl database来为服务器上的移动检测提供支持，然后指示包含或排除各种样式表，脚本甚至某些页面工作流。