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


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

ipad css3 JavaScript

bluecpu 10 years, 8 months ago

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

<script> 
alert(navigator.userAgent);
</script>
薛定谔的猫箱 answered 10 years, 8 months ago

Your Answer