ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как программно изменить разрешение экрана браузера ?
25 сообщений из 49, страница 1 из 2
  1  все
Как программно изменить разрешение экрана браузера ?
    #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
| Ответить | Цитировать | Написать  
25 сообщений из 49, страница 1 из 2
  1  все
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как программно изменить разрешение экрана браузера ?
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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