Мне нужно применить альтернативу :hover для сенсорных устройств. Есть ли какое-нибудь решение в CSS для обнаружения сенсорного устройства?
Есть ли какая-нибудь Media Query опция для обнаружения сенсорного устройства?
mediaquery: Как определить сенсорное устройство?
comment
См. stackoverflow.com/questions/11387805/touchscreen-media-queries
- person Srikanth AD schedule 09.08.2013
Ответы (1)
Нет медиа-запроса для обнаружения сенсорных устройств. Вам потребуется что-то вроде Modernizer.
person
Brett DeWoody
schedule
09.08.2013
Это правильно. Modernizr обнаружит возможности сенсорного ввода и добавит классы касания или отсутствия касания к элементу
<html>. Затем в вашем CSS вы можете применять стили к своим элементам с помощью этих классов.
- person user1171848; 09.08.2013
На самом деле Modernizr больше не утверждает, что обнаруживает сенсорные устройства . Я бы сказал, что в любом случае нет необходимости обнаруживать сенсорные устройства. Фактически, вы хотите сделать свой контент доступным для всех, независимо от устройства. Вы можете добавлять украшения для различных устройств ввода, но представлять контент так, чтобы он всегда был доступен. См. эту статью автора Стю Коксу за дальнейшие объяснения и обоснование.
- person aaronburrows; 09.08.2013
Интересный @arronburrons, спасибо, что поделились этой статьей. И я на 100% согласен с вами в создании надежных и удобных дизайнов, особенно на небольших устройствах.
- person Brett DeWoody; 09.08.2013
Я не согласен. Всегда есть крайние случаи. Например, если часть вашего пользовательского интерфейса зависит от наведения мыши, вам может потребоваться знать, использует ли пользователь ваше приложение с сенсорным устройством или нет.
- person Michiel; 14.07.2014
Помните, что даже если устройство поддерживает сенсорное управление, оно также может иметь мышь. И пользователь может использовать верхнюю часть мыши для управления приложением, и в этом случае возможность касания не имеет значения. На самом деле вы хотите определить * какое устройство ввода на самом деле используется, и для этого вам нужно написать некоторый JavaScript.
- person Bennett McElwee; 15.12.2014
