FRONT | Фронтенд | JavaScript | CSS | corner-shape | Chrome 158 | Safari 27.2 | HTML-in-Canvas | TanStack Start | Node.js 26.9 | React 19.3 | text-decoration-inset | anchor positioning | Astro
IT и технологии · 4 ноября 2026 г.
Ширина экрана не говорит, чем человек тычет в интерфейс: планшет с мышью и без неё выгл...
Ширина экрана не говорит, чем человек тычет в интерфейс: планшет с мышью и без неё выглядят одинаково. Смотрите на основной механизм ввода. @media (hover: hover) and (pointer: fine) мышь @media (hover: none) and (pointer: coarse) палец @media (hover: hover) and (pointer: coarse) air-пульт @media (hover: none) and (pointer: none) пульт с крестовиной Пятый пресет — стилус, hover: none при pointer: fine. any-hover и any-pointer смотрят на ВСЕ устройства сразу, а не на основное: добавить к пресету можно, заменить им нельзя. @custom-media --mouse схлопнул бы это в одно имя. Firefox умеет с 148, но только за флагом и по умолчанию выключен; Chrome и Safari не умеют вовсе: правило выкидывается молча, а @media (--mouse) не совпадает ни разу. Пять обычных @media работают везде. Портрет пользователя не выйдет: мышь на планшете в пресетах не видна, pointer: none поймает и клавиатуру без указателя. https://blog.master.dev/useful-custom-media-presets/