ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как программно изменить разрешение экрана браузера ?
24 сообщений из 49, страница 2 из 2
  2  все
Как программно изменить разрешение экрана браузера ?
    #39435273
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Petro123
Участник
вадяразберёшся - сообщи
Да. Отпишусь тут.
А про версию сайта с редиректом - ты прав.
...
Рейтинг: 0 / 0
08.04.2017, 21:19
| Ответить | Цитировать | Написать  
Как программно изменить разрешение экрана браузера ?
    #39435275
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
Petro123,
проверил твоё у себя - галчка не влияет
...
Рейтинг: 0 / 0
08.04.2017, 21:25
| Ответить | Цитировать | Написать  
Как программно изменить разрешение экрана браузера ?
    #39435276
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
Petro123И может это банальное запоминание масштаба\из кеша тоже пока не понял.
у меня ваще не дёргается, при изменении галки
...
Рейтинг: 0 / 0
08.04.2017, 21:27
| Ответить | Цитировать | Написать  
Как программно изменить разрешение экрана браузера ?
    #39435277
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Petro123
Участник
вадяу меня ваще не дёргается, при изменении галки
мыло то же?
Кинул тебе ссылку в личку. Отпишись там.
...
Рейтинг: 0 / 0
08.04.2017, 21:33
| Ответить | Цитировать | Написать  
Как программно изменить разрешение экрана браузера ?
    #39435278
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Petro123
Участник
вадяPetro123,
проверил твоё у себя - галчка не влияет
завтра сделаю публичный тест этой формочки - проверим
У меня:
Google Chrome for Android Devices v55.0
...
Рейтинг: 0 / 0
08.04.2017, 21:37
| Ответить | Цитировать | Написать  
Как программно изменить разрешение экрана браузера ?
    #39435279
FreeDas
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
FreeDas
Гость
Нашел следующее решение:
1. <meta name="viewport" content="width=device-width, initial-scale=1.0">
отключает возможность пользователю менять в ручную разрешение экрана (устанавливается размер по умолчанию аппарата, только для мобильных устройств, проверено на Android). Данный мета-тег описан в https://html5book.ru/otzyvchivyj-dizayn-saita/
2. @media (min-width: 1020px) and (max-width: 1270px) {
body {font-size: 140%;}
...
}
для нескольких диапазонов ширины экрана.
благо, элементов на экране оказалось не много и для каждого класса и id задал свои размеры шрифта, div, img.

Для простых страничек решение удовлетворительное.
Для сложных страничек - будет работы намного больше.

Неплохо бы найти еще хотя бы одно решение.

Надо поэкспериментировать с initial-scale=1.0 (=2.0, например)
...
Рейтинг: 0 / 0
08.04.2017, 21:40
| Ответить | Цитировать | Написать  
Как программно изменить разрешение экрана браузера ?
    #39435283
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Petro123
Участник
FreeDas,
вы не ответили чем смотрите в сотовом.
И вам нужно вписать контент в экран (без скроллинга)?
Или просто вместо пальцев\свайп по увеличению сделать масштаб побольше?
Тогда никакого шрифта менять не надо.
Надо искать про масштабирование.
...
Рейтинг: 0 / 0
08.04.2017, 22:02
| Ответить | Цитировать | Написать  
Как программно изменить разрешение экрана браузера ?
    #39435286
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
FreeDas2. @media (min-width: 1020px) and (max-width: 1270px) {
вот с этим у меня путаница - не так реагирует не ширину и высоту.
...
Рейтинг: 0 / 0
08.04.2017, 22:14
| Ответить | Цитировать | Написать  
Как программно изменить разрешение экрана браузера ?
    #39435289
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
FreeDas@media (min-width: 1020px) and (max-width: 1270px)
наверно правильнее ориентироваться не на размер экрана, а на dpi
у меня у клиентов есть моники меньше чем такое разрешение и они реагируют.
...
Рейтинг: 0 / 0
08.04.2017, 22:33
| Ответить | Цитировать | Написать  
Как программно изменить разрешение экрана браузера ?
    #39435296
FreeDas
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
FreeDas
Гость
Petro123,
Смотрю через Chrome. Хочется чтобы визуально страничка сайта (это сервис) ничем не отличалась от приложения. И чтобы пользователь своими ручками ничего не увеличивал или уменьшал. Вызвал и работает максимально комфортно без дополнительных движений по подгонке к размерам экрана.
На сегодня работающая страничка - http://mrlang.ru/test/main2.php
На смартфоне 320х5** показывает нормально.
На http://mattkersley.com/responsive/ прогнал на других разрешениях экрана. ОК.
Под Windows 10 изменял размер экрана - ОК.

Если у кого Apple-устройство - попробуйте. Все ли нормально: кнопки подходят под палец, не мелковат ли размер шрифта, ...
И на планшетниках - как смотрится ?
Буду благодарен.
...
Рейтинг: 0 / 0
08.04.2017, 22:56
| Ответить | Цитировать | Написать  
Как программно изменить разрешение экрана браузера ?
    #39435305
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
вадяFreeDas@media (min-width: 1020px) and (max-width: 1270px)
наверно правильнее ориентироваться не на размер экрана, а на dpi
у меня у клиентов есть моники меньше чем такое разрешение и они реагируют.
правильнее именно на разрешение потому что устройств с маленьким экраном и гигантским разрешением сравнительно мало. собственно, ни одно в голову не приходит.
...
Рейтинг: 0 / 0
08.04.2017, 23:12
| Ответить | Цитировать | Написать  
Как программно изменить разрешение экрана браузера ?
    #39435308
Фотография бухалтер фантоцци
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
бухалтер фантоцци
Участник
вадяFreeDas@media (min-width: 1020px) and (max-width: 1270px)
наверно правильнее ориентироваться не на размер экрана, а на dpi
у меня у клиентов есть моники меньше чем такое разрешение и они реагируют.

Лучше проверять поддержку мобильных событий (ontouch, onorientation ...) совместно с размерами экрана,
хотя для моноблоков не проверял...

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>test</title>
<style></style>
<script type="text/javascript">
document.addEventListener("DOMContentLoaded", init, false);

function init() {
  var link, sList='@media screen and (min-width:1020px) and (max-width:1270px) { body {font-size: 140%} }';
  if(typeof(window['ontouchstart'])=='object' && typeof(window['onorientationchange']=='object')) {
    link=document.createElement('style');
    link.setAttribute("type","text/css");
    if (link.styleSheet) {
        link.styleSheet.cssText = sList;
    } else {
        link.appendChild( document.createTextNode(sList) );
    }
    document.querySelector('head').appendChild(link);
  }
}
</script>
</head>
<body>
  text text text
</body>
</html>
...
Рейтинг: 0 / 0
08.04.2017, 23:27
| Ответить | Цитировать | Написать  
Как программно изменить разрешение экрана браузера ?
    #39435310
Фотография бухалтер фантоцци
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
бухалтер фантоцци
Участник
Хотя надо-бы потестировать
@media handheld - Смартфоны и аналогичные им аппараты.
...
Рейтинг: 0 / 0
08.04.2017, 23:29
| Ответить | Цитировать | Написать  
Как программно изменить разрешение экрана браузера ?
    #39435319
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Petro123
Участник
FreeDasНа сегодня работающая страничка - http://mrlang.ru/test/main2.php
Кнопки не реагируют и дизайн очень странный. Дай скрины что тут должны видеть.
FreeDasВызвал и работает максимально комфортно без дополнительных движений по подгонке к размерам экрана.
тогда не экран надо подгонять, а убирать все лишние кнопки (штук 7).
...
Рейтинг: 0 / 0
09.04.2017, 00:19
| Ответить | Цитировать | Написать  
Как программно изменить разрешение экрана браузера ?
    #39435349
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
бухалтер фантоцци,
не только разрешение, @media реагирует и на размер окна браузера, а это более часто будет
...
Рейтинг: 0 / 0
09.04.2017, 05:25
| Ответить | Цитировать | Написать  
Как программно изменить разрешение экрана браузера ?
    #39435350
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
FreeDas,
при повороте приходится скролить
...
Рейтинг: 0 / 0
09.04.2017, 05:33
| Ответить | Цитировать | Написать  
Как программно изменить разрешение экрана браузера ?
    #39435376
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Petro123
Участник
FreeDas1. <meta name="viewport" content="width=device-width, initial-scale=1.0">
отключает возможность пользователю менять в ручную разрешение экрана (устанавливается размер по умолчанию аппарата, только для мобильных устройств, проверено на Android). Данный мета-тег описан в https://html5book.ru/otzyvchivyj-dizayn-saita/
странно вы пишите.
1. В доке описано про user-scalable=no которое отключает.
Проверьте ещё раз.
Если возможность зуммирования остаётся, то это полностью решает вашу проблему.
Особенно если учесть галку в настройках браузера: "Не реагировать на запрет масштабирования".
...
За кадром вопрос удобности вашего сайта. Т.к. либо показ всей страницы мелко, либо увеличить, но он будет таскать вьюпорт по экрану пальцем.
Идеальное решение отдельная вёрстка-сайт. Пока тут вроде IT ничего не придумала.
...
Рейтинг: 0 / 0
09.04.2017, 10:57
| Ответить | Цитировать | Написать  
Как программно изменить разрешение экрана браузера ?
    #39435379
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Petro123
Участник
Получается что сабж не имеет смысла, и все делают как выше дал ссылки вадя
20381049
Грань между мобильниками всё больше стирается. По крайней мере в вёрстке.
А вот, в жестах, мобила впереди)).
...
Рейтинг: 0 / 0
09.04.2017, 11:02
| Ответить | Цитировать | Написать  
Как программно изменить разрешение экрана браузера ?
    #39435390
Фотография бухалтер фантоцци
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
бухалтер фантоцци
Участник
вадябухалтер фантоцци,
не только разрешение, @media реагирует и на размер окна браузера, а это более часто будетничего не понял,
приведённый мной код как раз работает с размером окна браузера.
...
Рейтинг: 0 / 0
09.04.2017, 12:16
| Ответить | Цитировать | Написать  
Как программно изменить разрешение экрана браузера ?
    #39435391
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
бухалтер фантоцци,

сделай на большом экране измменение размера мышкой за уголок окн
...
Рейтинг: 0 / 0
09.04.2017, 12:19
| Ответить | Цитировать | Написать  
Как программно изменить разрешение экрана браузера ?
    #39435397
Фотография бухалтер фантоцци
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
бухалтер фантоцци
Участник
вадябухалтер фантоцци,

сделай на большом экране измменение размера мышкой за уголок окнв моём примере убери проверку на touch и orientation - и будет работать везде.
...
Рейтинг: 0 / 0
09.04.2017, 12:41
| Ответить | Цитировать | Написать  
Как программно изменить разрешение экрана браузера ?
    #39435399
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
бухалтер фантоццив моём примере убери проверку на touch и orientation - и будет работать везде.
убирать как раз и не стоит.
иначе будет реагировать на изменение размера на десктопе.
...
Рейтинг: 0 / 0
09.04.2017, 12:50
| Ответить | Цитировать | Написать  
Как программно изменить разрешение экрана браузера ?
    #39435405
Фотография бухалтер фантоцци
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
бухалтер фантоцци
Участник
вадябухалтер фантоццив моём примере убери проверку на touch и orientation - и будет работать везде.
убирать как раз и не стоит.
иначе будет реагировать на изменение размера на десктопе.
тогда я не понимаю твоих предыдущих постов

вадябухалтер фантоцци,
не только разрешение, @media реагирует и на размер окна браузера, а это более часто будетвадябухалтер фантоцци,
сделай на большом экране измменение размера мышкой за уголок окн
...
Рейтинг: 0 / 0
09.04.2017, 12:57
| Ответить | Цитировать | Написать  
Как программно изменить разрешение экрана браузера ?
    #39435422
Bootstraper
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Bootstraper
Гость
FreeDasНашел следующее решение:
1. <meta name="viewport" content="width=device-width, initial-scale=1.0">
отключает возможность пользователю менять в ручную разрешение экрана (устанавливается размер по умолчанию аппарата
За такое "песателю" линейкой по пальцам лупастить пока не посинеют...

По теме: А чё — Бутстрап не на то заточен? Не? Тошнит от Бутстрапа — есть аналоги.


Antonariy ...потому что устройств с маленьким экраном и гигантским разрешением сравнительно мало.
- А посоны-то невкурсах... (см. шот)
...
Рейтинг: 0 / 0
09.04.2017, 13:32
| Ответить | Цитировать | Написать  
24 сообщений из 49, страница 2 из 2
  2  все
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как программно изменить разрешение экрана браузера ?
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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