ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как в медиа-запросе отличить монитор с низким разрешением от смартфона?
5 сообщений из 5, страница 1 из 1
Как в медиа-запросе отличить монитор с низким разрешением от смартфона?
    #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:20
| Ответить | Цитировать | Написать  
Как в медиа-запросе отличить монитор с низким разрешением от смартфона?
    #39438016
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
evgeniybel,
с помощью "предзагрузочной страниы" на js, и редирект
...
Рейтинг: 0 / 0
13.04.2017, 15:39
| Ответить | Цитировать | Написать  
Как в медиа-запросе отличить монитор с низким разрешением от смартфона?
    #39438021
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
evgeniybel,

либо resolution и мониторов как правило менише 150
...
Рейтинг: 0 / 0
13.04.2017, 15:41
| Ответить | Цитировать | Написать  
Как в медиа-запросе отличить монитор с низким разрешением от смартфона?
    #39438043
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
evgeniybel , может поможет тебе статейка ...
...
Рейтинг: 0 / 0
13.04.2017, 15:52
| Ответить | Цитировать | Написать  
Как в медиа-запросе отличить монитор с низким разрешением от смартфона?
    #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
15.04.2017, 03:40
| Ответить | Цитировать | Написать  
5 сообщений из 5, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как в медиа-запросе отличить монитор с низким разрешением от смартфона?
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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