Как отличить размер экрана 1000 пикселей для настольных компьютеров и планшетов без обнюхивания браузера?

Я использую множество эффектов перехода, наведения и тени в настольной версии своего сайта. Мне нужно избавиться от них для моей версии планшета, которую я думал, что смогу сделать с медиа-запросами, но моя проблема заключается в том, что я использую что-то вроде @media only screen и (min -width :1224px )для целевые рабочие столы, тогда пользователю необходимо развернуть окно браузера или он получает css, ориентированный на планшет. Таким образом, если браузер пользователей настольных компьютеров имеет разрешение 1000 пикселей, они получают тот же css, что и кто-то на Ipad. Теперь мне говорят, что сниффинг браузера ненадежен, так как еще я могу отличить пользователя в настольном браузере с разрешением 1000 пикселей и на планшетном устройстве с разрешением 1000 пикселей?