Как создать CSS для существующего веб-приложения, которое сейчас используется в киоске с сенсорным экраном

Question

Мне нужно адаптировать существующее веб-приложение для использования в киоске, который предоставляет только сенсорный экран.Приложение основано на php-jquery, и мне нужно разнообразить некоторые html-элементы (созданные php) и CSS для интерфейса сенсорного экрана.

Как я могу это сделать? Есть ли в CSS особые указания для сенсорного экрана?экран?(Я не говорю о мобильных экранах, у киоска будет нормальное разрешение).Есть ли способ заставить php узнать, что пользователь использует сенсорный экран (чтобы я мог соответственно изменить html)?

И, наконец, что не менее важно, есть ли какие-либо сводные передовые практики / рекомендации для развитияИнтерфейсы сенсорного экрана?

Спасибо заранее, надеюсь, это не дубликат другого вопроса

Answer 1

Это зависит от того, какой браузер работает на киосках ... например, если у вас работает Opera, они рассматривают полноэкранный режим как другой тип мультимедиа CSS.Они называют это Opera Show, и вы можете легко управлять им самостоятельно:

@ media projection {/ * эти правила применяются только в полноэкранном режиме * /}

Поскольку киоск обычно работает вполноэкранный режим это будет работать для вас.

Answer 2

Не указан тип носителя для устройств типа киоска в спецификации css .Ближайшим, вероятно, является телевизор, но браузер киосков в любом случае, вероятно, загрузит тип экрана.

Не могли бы вы определить браузер, который используют киоски, и вернуть другую таблицу стилей?