javascript或css3 media query如何检测来访设备是iPad Mini

Question

iPad Mini发布了，按照以往的方法通过javascript的window.navigator检测，但是返回内容和iPad 2是一样的。

Mini的PPI比9.7寸的高了不少，所以同样像素的元素在Mini上物理尺寸小了不少，我希望能通过检测从而调用不同的CSS改变这些尺寸的大小，不知道大家有什么好方法？

补充UserAgent

Mozilla/5.0 (iPad; CPU OS 6_0 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) Version/6.0 Mobile/10A406 Safari/8536.2

Answer 1

iPad mini的分辨率和iPad1和iPad2都是一样的 1024*768，所以前端的元素都是一样的
要区分iPad mini只有通过http header里的UA来判断

<script> 
alert(navigator.userAgent);
</script>