Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как в медиа-запросе отличить монитор с низким разрешением от смартфона? / 5 сообщений из 5, страница 1 из 1
13.04.2017, 15:20
    #39438003
evgeniybel
evgeniybel
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как в медиа-запросе отличить монитор с низким разрешением от смартфона?
Подключаю с помощью тега link разные файлы css в зависимости от разрешения, используя медиа-запросы:

Код: html
1.
2.
3.
<link rel="stylesheet" media="(min-width: 1910px)" href="/common/bp_res1.css" type="text/css">
<link rel="stylesheet" media="(max-width: 1909px) and (min-width: 1590px)" href="/common/bp_res2.css" type="text/css">
<link rel="stylesheet" media="(max-width: 1589px)" href="/common/bp_res3.css" type="text/css">



Вопрос в том, как в медиазапросе определить, что сайт просматривают с устройства с маленьким экраном.
Определение с помощью handheld больше не работает, если же проверять размер окна, современные смартфоны
выдают большие цифры (в районе 1000 пикселей). Соотвественно, не получается отличить монитор с низким
разрешением от смартфона. При этом запрещать масштабирование нельзя, т.е. нужно, чтоб на смартфоне
влезала вся страница, но было понятно, что это смартфон (в частности, чтобы увеличить шрифт ссылок).
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
13.04.2017, 15:39
    #39438016
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как в медиа-запросе отличить монитор с низким разрешением от смартфона?
evgeniybel,
с помощью "предзагрузочной страниы" на js, и редирект
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
13.04.2017, 15:41
    #39438021
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как в медиа-запросе отличить монитор с низким разрешением от смартфона?
evgeniybel,

либо resolution и мониторов как правило менише 150
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
13.04.2017, 15:52
    #39438043
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как в медиа-запросе отличить монитор с низким разрешением от смартфона?
evgeniybel , может поможет тебе статейка ...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
15.04.2017, 03:40
    #39439029
evgeniybel
evgeniybel
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как в медиа-запросе отличить монитор с низким разрешением от смартфона?
Хотелось без скриптов. Вроде справился, спасибо!

Код: html
1.
2.
3.
4.
5.
6.
<link rel="stylesheet" href="/common/bp_common.css" type="text/css">
<link rel="stylesheet" media="(min-width: 1910px) and (min-device-width: 601px)" href="/common/bp_res1.css" type="text/css">
<link rel="stylesheet" media="(max-width: 1909px) and (min-width: 1590px) and (min-device-width: 601px)" href="/common/bp_res2.css" type="text/css">
<link rel="stylesheet" media="(max-width: 1589px) and (min-device-width: 601px)" href="/common/bp_res3.css" type="text/css">
<link rel="stylesheet" media="(max-device-width: 600px) and (orientation: landscape)" href="/common/bp_res4.css" type="text/css">
<link rel="stylesheet" media="(max-device-width: 600px) and (orientation: portrait)" href="/common/bp_res5.css" type="text/css">
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как в медиа-запросе отличить монитор с низким разрешением от смартфона? / 5 сообщений из 5, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]