Если Ваша страница отсутствует meta[@name="viewport"] элемент в его DOM, то следующее могло использоваться для обнаружения мобильного устройства:

@media only screen and (width: 980px), (hover: none) { … }

, Если Вы хотите избежать ложных положительных сторон с рабочими столами, которым просто волшебно установили их область просмотра на 980 пкс как все мобильные браузеры, делают, затем device-width, тест мог также быть добавлен в соединение:

@media only screen and (max-device-width: 800px) and (width: 980px), (hover: none) { … }

На список в https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries, новое hover свойство, казалось бы, было бы заключительным новым способом обнаружить, что у Вас есть самостоятельно мобильное устройство, которое действительно не делает надлежащий hover; это было только представлено в 2018 с Firefox 64 (2018), хотя это поддерживалось с 2016 с Android Chrome 50 (2016), или даже с 2014 с Chrome 38 (2014):

• https://developer.mozilla.org/en-US/docs/Web/CSS / медиа/парение