Скрыть HTML элементы от конкретных устройств

Question

Я хочу, чтобы скрыть некоторые HTML-элементы на странице для конкретных устройств, так что я могу оптимизировать структуру страницы, когда я смотрю на это на IPad, а не PC ..

Чтобы скрыть некоторые DIVs на IPAD, я дал конкретный элемент класса («x1»), то используется этот CSS:

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) { 

    div.x1 { 
     visibility: hidden; 
    } 
} 

И это сработало, однако я не могу эмулировать то же самое на ПК версии .. как я могу скрыть вещи с ПК только просмотров?

Answer 1

Использование ниже медиа-запрос только для рабочего стола

@media only screen and (min-device-width : 1024px) { 
    div.x1 { 
     visibility: hidden; 
    } 
} 

Answer 2

Другим способа решить этот процесс на стороне серверной. ЕСЛИ вы используете php, есть функция $_SERVER['HTTP_USER_AGENT'];, чтобы вы могли узнать, какое устройство обращается к вашей странице. PHP get browser