Вы можете использовать этот медиа-запрос, он немного хакерский, но вы можете установить атрибут стиля для предопределенного элемента (например, вашего тела), прочитать его с помощью javascript и ответить на него.
HTML Head
@media only screen and (device-width: 768px) { #tester { border-color: #f00; } }
HTML Body
<body>
<div id="tester" style="display: none"></div>
JS
if(document.getElementById('tester').style.borderColor == '#f00') {
// iPad
}
Немного хакерский, но вы можете немного привести его в порядок, если вы действительно хотите сделать это таким образом; Хотя я предпочитаю проверять пользовательские агенты;)