iPad против iPhone - настройка CSS / HTML?

Question

** РЕДАКТИРОВАТЬ **

Это код, который я использую для определения, является ли это мобильным устройством:

<!-- Javascript inclusion -->
<script type="text/javascript">
var isCE = navigator.appVersion.indexOf("Windows CE")>0;if (isCE){ window.location.href="http://m.mobileversionsample.com/";}
</script>
<script type="text/javascript" src="/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
jQuery.preloadImages = function()
{
for(var i = 0; i<arguments.length; i++)
{
jQuery("<img>").attr("src", arguments[i]);
}
}
</script>

Зашел в магазин Apple и увидел, что мой мобильный сайт тоже работает на iPad ... Кто-нибудь знает, как сделать исключение для iPad, чтобы они загружали обычный сайт, а не мобильную версию?

Answer 1

<link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="../ipad.css" type="text/css" />

О поддержке как альбомного, так и портретного режима: http://www.cloudfour.com/ipad-css/

Обнаружение iPad с использованием Javascript: http://davidwalsh.name/detect-ipad

var isiPad = navigator.userAgent.match(/iPad/i) != null; 

if(isiPad) { window.location.href="http://m.mobileversionsample.com/";}

Answer 2

Это во многом зависит от кода, который вы используете для обнаружения мобильных браузеров. Вы, вероятно, используете строку User-Agent для обнаружения чего-то вроде «MobileSafari» - просто добавьте условие, которое пропускает перенаправление, если «MobileSafari» И «iPad» находятся в строке User-Agent.