Я ищу правильный медиа-запрос CSS для всех телефонов (не планшетов и больше), включая телефоны 1080, такие как Sony Xperia Z.
Прямо сейчас я использую:
<link href='style/mobile.css' rel='stylesheet' type='text/css' media='screen and (max-device-width: 767px)' />
Это работает для большинства устройств, но в браузере Android Firefox (не Chrome, как ни странно) Xperia Z просто получает только сайт для рабочего стола.
Я пробовал искать, но кажется, что никто не говорит об этих новых телефонах с очень высоким разрешением, есть ли новый стандарт, которого я должен придерживаться?
viewport
спасет вас в разных браузерах на одном устройстве. 15.03.2019