ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как программно изменить разрешение экрана браузера ?
49 сообщений из 49, показаны все 2 страниц
  все  
Как программно изменить разрешение экрана браузера ?
    #39435127
FreeDas
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
FreeDas
Гость
Проблема: при запуске странички в браузере мобильного устройства страничка отображается слишком мелко. С помощью пальцев раздвигаю (меняю размен) экран. Программно (JS) вижу, что разрешение экрана стало другим, например, ширина была 1200px, стало 600px. Страница идеально подходит для этого размера экрана.
Вопрос: зная это идеальное разрешение для моей страницы сайта - как программно (JS), при запуске данной страницы, изменить размеры экрана ?

Буду благодарен за любую подсказку или намек на ее решение.
...
Рейтинг: 0 / 0
08.04.2017, 08:47
| Ответить | Цитировать | Написать  
Как программно изменить разрешение экрана браузера ?
    #39435129
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
FreeDas,
@media
...
Рейтинг: 0 / 0
08.04.2017, 09:14
| Ответить | Цитировать | Написать  
Как программно изменить разрешение экрана браузера ?
    #39435133
FreeDas
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
FreeDas
Гость
вадя,
через этот механизм мы просто можем задавать параметры для body, ... в зависимости от текущего разрешения экрана - размер шрифта, в частности. Возможно пойти и этим путем (больше разрешение экрана - больший размер элементов). Когда на экране много элементов (много классов, id), то это может быть утомительным занятием. Плюс: при добавлении новых элементов надо править кучу css-файлов. Подумаю.

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

Спасибо за вариант решения.
...
Рейтинг: 0 / 0
08.04.2017, 09:31
| Ответить | Цитировать | Написать  
Как программно изменить разрешение экрана браузера ?
    #39435138
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
FreeDas,
https://html5book.ru/css3-mediazaprosy/
надо рассматривать разрешение
и в зависимости от этого строить
и не потребуется руками увеличивать
...
Рейтинг: 0 / 0
08.04.2017, 10:12
| Ответить | Цитировать | Написать  
Как программно изменить разрешение экрана браузера ?
    #39435220
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Petro123
Участник
FreeDasи тогда проблема решается без всяких заморочек.
версия браузера?
Может заморочки в этом?
...
Рейтинг: 0 / 0
08.04.2017, 16:03
| Ответить | Цитировать | Написать  
Как программно изменить разрешение экрана браузера ?
    #39435223
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
Petro123,

это несколько другое
...
Рейтинг: 0 / 0
08.04.2017, 16:10
| Ответить | Цитировать | Написать  
Как программно изменить разрешение экрана браузера ?
    #39435227
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Petro123
Участник
FreeDasПроблема: при запуске странички в браузере мобильного устройства страничка отображается слишком мелко.
вадяэто несколько другое
галстук съешь? )
...
Рейтинг: 0 / 0
08.04.2017, 16:48
| Ответить | Цитировать | Написать  
Как программно изменить разрешение экрана браузера ?
    #39435230
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
Petro123галстук съешь? )
сначала ты.
если сайт не имеет вариантов , кроме десктопного - то эта галочка не влияет.
...
Рейтинг: 0 / 0
08.04.2017, 17:16
| Ответить | Цитировать | Написать  
Как программно изменить разрешение экрана браузера ?
    #39435235
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Petro123
Участник
вадяесли сайт не имеет вариантов , кроме десктопного - то эта галочка не влияет.
http://www.sql.ru
кушай галстук
...
Рейтинг: 0 / 0
08.04.2017, 18:08
| Ответить | Цитировать | Написать  
Как программно изменить разрешение экрана браузера ?
    #39435244
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
Petro123,
если ты посмотрел б на html, ты промолчал
между десктопной и мобильной версией sql.ru
есть разница
для десктопа
Код: html
1.
<link rel="stylesheet" type="text/css" href="/css/screen.css?v=3" media="screen">


для мабильного
Код: html
1.
<link rel="stylesheet" type="text/css" href="/css/screen.css?v=1" media="screen">
...
Рейтинг: 0 / 0
08.04.2017, 19:33
| Ответить | Цитировать | Написать  
Как программно изменить разрешение экрана браузера ?
    #39435247
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
не верный пост :(
не там смотрел :(
...
Рейтинг: 0 / 0
08.04.2017, 19:36
| Ответить | Цитировать | Написать  
Как программно изменить разрешение экрана браузера ?
    #39435249
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
Petro123вадяесли сайт не имеет вариантов , кроме десктопного - то эта галочка не влияет.
http://www.sql.ru
кушай галстук
на моём андроиде эта галочка для данного сайта не влияет
...
Рейтинг: 0 / 0
08.04.2017, 19:39
| Ответить | Цитировать | Написать  
Как программно изменить разрешение экрана браузера ?
    #39435252
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Petro123
Участник
вадяна моём андроиде
вот видишь. Ты как и ТС не ответили на мой вопрос про версию браузера.
А делаешь какие то выводы.
Не торопись лечить клиента по фотографии.
...
Рейтинг: 0 / 0
08.04.2017, 20:20
| Ответить | Цитировать | Написать  
Как программно изменить разрешение экрана браузера ?
    #39435255
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Petro123
Участник
вадяесли сайт не имеет вариантов , кроме десктопного - то эта галочка не влияет.
расшифруй эту фразу про "варианты".
Варианты чего? Кода? Ссылок? Страниц?
Вот термин "резиновая вёрстка" мне понятен.
А твой ответ - нет.
...
Рейтинг: 0 / 0
08.04.2017, 20:40
| Ответить | Цитировать | Написать  
Как программно изменить разрешение экрана браузера ?
    #39435256
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
Petro123вот видишь. Ты как и ТС не ответили на мой вопрос про версию браузера.
неужели ты думаешь, что я буду проверять на андрои-браузере?
хром-бета , устроит?
...
Рейтинг: 0 / 0
08.04.2017, 20:41
| Ответить | Цитировать | Написать  
Как программно изменить разрешение экрана браузера ?
    #39435258
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Petro123
Участник
вадянеужели ты думаешь, что я буду проверять на андрои-браузере?
тогда не парься. Пей пиво и занимайся своими делами.
ТС'a волнует мобильник. А у меня в нём галка ПО УМОЛЧАНИЮ выключена.
Т.е. чтобы посмотреть весь сайт (мелко) мне надо её включать.
...
Рейтинг: 0 / 0
08.04.2017, 20:46
| Ответить | Цитировать | Написать  
Как программно изменить разрешение экрана браузера ?
    #39435259
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
Petro123расшифруй эту фразу про "варианты".
Варианты чего? Кода? Ссылок? Страниц?
Вот термин "резиновая вёрстка" мне понятен.
А твой ответ - нет.
вот https://habrahabr.ru/
а для мобил https://m.habrahabr.ru/
...
Рейтинг: 0 / 0
08.04.2017, 20:48
| Ответить | Цитировать | Написать  
Как программно изменить разрешение экрана браузера ?
    #39435260
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
Petro123,

https://vz.ru/news/
и
https://m.vz.ru/news/ - на десктопе не даёт смотреть, переадресует на https://vz.ru/news/
а
https://m.habrahabr.ru/ можно и на десктопе смотреть
...
Рейтинг: 0 / 0
08.04.2017, 20:55
| Ответить | Цитировать | Написать  
Как программно изменить разрешение экрана браузера ?
    #39435261
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
вот для этого https://vz.ru/news/ галочка действует
...
Рейтинг: 0 / 0
08.04.2017, 20:55
| Ответить | Цитировать | Написать  
Как программно изменить разрешение экрана браузера ?
    #39435262
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Petro123
Участник
вадявот https://habrahabr.ru/
а для мобил https://m.habrahabr.ru/
тут всё верно. Переключает на версию (редиректом?)
Как быть с этой страничкой которая меняется но редиректа нет?
Мне кажется странным что она тоже реагирует на галку.
Я пока не врубился почему(

Код: sql
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
<!DOCTYPE html>
<html >
<head>
  <meta charset="UTF-8">
  <title>Paper login form</title>
  
  
  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>
  <div id="login">
  <form>
    <h1>Sign In</h1>
    <input type="text" placeholder="Username">
    <input type="password" placeholder="Password">
    <button>Sign in</button>
  </form>
</div>
</body>
</html>



Код: sql
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.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.
95.
96.
97.
98.
99.
100.
101.
102.
103.
104.
105.
106.
107.
108.
109.
110.
111.
112.
113.
114.
115.
116.
117.
118.
119.
120.
121.
122.
123.
124.
125.
126.
127.
128.
129.
130.
131.
132.
133.
134.
135.
136.
137.
138.
139.
140.
141.
142.
143.
144.
145.
146.
147.
148.
149.
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);
body {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgsAAAGACAIAAACsorYfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N0NEMTExQzczQ0MwMTFFMjg5OUJCRDE2OTk1M0ZEQ0YiIHhtcE1NOkR7HJC4FcrAi16T8RrWx8doAIJ9hFBlW8YxgMv+ADSjOUl93QC4s0Ld9zhKSvp1fFzQWDuurpnYfJANaXPu50gdjeMCn17djaBs7y6DUdxujsHoqaJObhgYUjvoY5ueMAYdgTcqopvFbSJA4hUdueK5jk5nORj97G9fw6fgifaAmO+ffMTWlZ7KycUZZPZe/dyW7DdfVZ2NbT5dRxGZGIFPtZ2BcAAoKnA7RZnKawh58/mQdzvAks8fOpZnzv+a//J8AAEHrqxbMeiGsAAAAASUVORK5CYII=');
}
body:before {
  content: " ";
  box-shadow: 0px 0px 100px black inset;
  width: 100%;
  height: 100%;
  display: block;
  top: 0px;
  left: 0px;
  position: fixed;
}
#login {
  background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(244,244,244,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(244,244,244,1)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 );

  width: 300px;
  height: 230px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -100px;
  margin-top: -100px;
  color: #333;
  box-shadow: 0px 1px 0px rgba(0,0,0,0.25);
}

#login:before {
  display: block;
  position: absolute;
  height: 10px;
  bottom: -10px;
  left: 0;
  right: 0;
  content: '';
  z-index: 0;
  background: -webkit-gradient(linear,left top,left bottom,from(rgba(0, 0, 0, .7)),to(transparent));
  -webkit-mask-box-image: -webkit-gradient(linear,left top,right top,
    color-stop(0.0,rgba(0,0,0,0.1)),
    color-stop(0.025,rgba(0,0,0,0.8)),
    color-stop(0.5,rgba(0,0,0,0)),
    color-stop(0.975,rgba(0,0,0,0.8)),
    color-stop(1.0,rgba(0,0,0,0.1)));
}


#login:after {
  content: " ";
  display: block;
  background: rgba(0,0,0,0.1);
  position: absolute;
  left: 35px;
  right: 35px;
  height: 30px;
  top: -15px;
  /*margin-left: 240px; */
}

#login form {
  width: 70%;
  margin: 30px auto;
  text-align: center;
}

#login form h1 {
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 20px;
}
#login form h1:before {
  display: inline-block;
  content: " ";
  margin-right: 15px;
  width: 60px;
  height: 6px;
  border-top: 1px solid #333;
}
#login form h1:after {
  display: inline-block;
  content: " ";
  margin-left: 15px;
  width: 60px;
  height: 6px;
  border-top: 1px solid #333;
}

#login form input {
  width: 100%;
  height: 25px;
  border-radius: 5px;
  border: 1px solid #e1e1e1;
  margin-bottom: 10px;
  text-indent: 10px;
  outline: none;
  -webkit-transition: box-shadow 1s;
  -moz-transition: box-shadow 1s;
  -o-transition: box-shadow 1s;
  transition: box-shadow 1s;
}
#login form input:focus {
  box-shadow: 0px 0px 3px 1px #a2d7fc;
}

#login form button {
  width: 100%;
  height: 30px;
  margin-top: 10px;
  border-radius: 5px;
  background: rgb(224,243,250);
background: -moz-linear-gradient(top,  rgba(224,243,250,1) 0%, rgba(216,240,252,1) 50%, rgba(184,226,246,1) 51%, rgba(182,223,253,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(224,243,250,1)), color-stop(50%,rgba(216,240,252,1)), color-stop(51%,rgba(184,226,246,1)), color-stop(100%,rgba(182,223,253,1)));
background: -webkit-linear-gradient(top,  rgba(224,243,250,1) 0%,rgba(216,240,252,1) 50%,rgba(184,226,246,1) 51%,rgba(182,223,253,1) 100%);
background: -o-linear-gradient(top,  rgba(224,243,250,1) 0%,rgba(216,240,252,1) 50%,rgba(184,226,246,1) 51%,rgba(182,223,253,1) 100%);
background: -ms-linear-gradient(top,  rgba(224,243,250,1) 0%,rgba(216,240,252,1) 50%,rgba(184,226,246,1) 51%,rgba(182,223,253,1) 100%);
background: linear-gradient(to bottom,  rgba(224,243,250,1) 0%,rgba(216,240,252,1) 50%,rgba(184,226,246,1) 51%,rgba(182,223,253,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0f3fa', endColorstr='#b6dffd',GradientType=0 );

  border: 1px solid #b6dffd;
  color: black;
  text-transform: uppercase;
  box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.7);
  text-shadow: 0px 1px 1px white;
  font-size: 12px;
}

#login form button:hover {
  text-shadow: 0px 0px 1px gray;
}
#login form button:active {
 background: rgb(162,215,252);
background: -moz-linear-gradient(top,  rgba(162,215,252,1) 0%, rgba(164,219,244,1) 49%, rgba(194,231,250,1) 50%, rgba(203,235,247,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(162,215,252,1)), color-stop(49%,rgba(164,219,244,1)), color-stop(50%,rgba(194,231,250,1)), color-stop(100%,rgba(203,235,247,1)));
background: -webkit-linear-gradient(top,  rgba(162,215,252,1) 0%,rgba(164,219,244,1) 49%,rgba(194,231,250,1) 50%,rgba(203,235,247,1) 100%);
background: -o-linear-gradient(top,  rgba(162,215,252,1) 0%,rgba(164,219,244,1) 49%,rgba(194,231,250,1) 50%,rgba(203,235,247,1) 100%);
background: -ms-linear-gradient(top,  rgba(162,215,252,1) 0%,rgba(164,219,244,1) 49%,rgba(194,231,250,1) 50%,rgba(203,235,247,1) 100%);
background: linear-gradient(to bottom,  rgba(162,215,252,1) 0%,rgba(164,219,244,1) 49%,rgba(194,231,250,1) 50%,rgba(203,235,247,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2d7fc', endColorstr='#cbebf7',GradientType=0 );
  margin-top: 10px;
  box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.7) inset;
}
...
Рейтинг: 0 / 0
08.04.2017, 21:00
| Ответить | Цитировать | Написать  
Как программно изменить разрешение экрана браузера ?
    #39435266
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
пока особо не вникал,
но видимо есть какой-то "прелоадерный" скрипт, маленький, который загружается , определяет и делает редирект.....
это моё предположение...
...
Рейтинг: 0 / 0
08.04.2017, 21:11
| Ответить | Цитировать | Написать  
Как программно изменить разрешение экрана браузера ?
    #39435269
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Petro123
Участник
вадяопределяет и делает редирект.....
это моё предположение...
нету редиректа. Это мой сайт и страничка точно одна.
Она просто ведёт себя по разному.
Пока исследую, т.к. мне как раз нужна одинаковость в одном проекте.
До связи!
...
Рейтинг: 0 / 0
08.04.2017, 21:14
| Ответить | Цитировать | Написать  
Как программно изменить разрешение экрана браузера ?
    #39435270
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
http://www.webmasters.by/articles/web-programming/3118-browser-detection-java
device.type Тип устройства (например, "Desktop" или "Mobile")
...
Рейтинг: 0 / 0
08.04.2017, 21:14
| Ответить | Цитировать | Написать  
Как программно изменить разрешение экрана браузера ?
    #39435271
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
Petro123Пока исследую, т.к. мне как раз нужна одинаковость в одном проекте
разберёшся - сообщи
...
Рейтинг: 0 / 0
08.04.2017, 21:16
| Ответить | Цитировать | Написать  
Как программно изменить разрешение экрана браузера ?
    #39435272
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Petro123
Участник
вадя,
тут выше в скрипте форма логина центрируется по центру.
Если вкл. галку, то она уезжает за границу экрана и становится мельче.
Где это в коде пока не понял.
И может это банальное запоминание масштаба\из кеша тоже пока не понял.
...
Рейтинг: 0 / 0
08.04.2017, 21:18
| Ответить | Цитировать | Написать  
Как программно изменить разрешение экрана браузера ?
    #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
| Ответить | Цитировать | Написать  
49 сообщений из 49, показаны все 2 страниц
  все  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как программно изменить разрешение экрана браузера ?
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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