Как я могу написать таргетинг на CSS для Macbook с включенным сенсорным экраном (Retina Display) - PullRequest
0 голосов
/ 19 сентября 2018

Я хочу показать какой-то контент только на «Macbook Pro с сенсорной панелью» и скрыть то же самое в случае других настольных компьютеров / ноутбуков.

Я знаю, что использование медиазапросов позволяет мне настраивать устройства и соотношение пикселей, но здесьЯ пытаюсь настроить таргетинг на сенсорное портативное устройство.

Любые предложения или ссылки будут очень полезны.Заранее спасибо.

1 Ответ

0 голосов
/ 19 сентября 2018

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

Если говорить конкретно об устройстве, я бы сказал, что вы можете попробовать использовать строки агента пользователя, пытаясь найти последнюю версию MAC OS, используя javascript и предполагая, что это Mac Book Pro с сенсорной панелью.

Эта библиотека предлагает поддержку сенсорной панели, поэтому, возможно, с помощью ее экземпляра в коде js вы можете определить, поддерживается она или нет, что означает, что она имеет сенсорную панель или нет.Посмотрите на это, и если у вас есть более конкретные вопросы, создайте новую тему о том, чтобы SO был более конкретным.

https://electronjs.org/blog/touch-bar-support

...