Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.60/5: Рейтинг темы: голосов - 5, средняя оценка - 4.60
 Аватар для SuLLeN
23 / 23 / 12
Регистрация: 27.12.2011
Сообщений: 855

Определение размеров окна браузера и установка в стиль сайта

30.09.2015, 20:32. Показов 923. Ответов 4
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Доброго времени суток, господа форумчане!

Такой вопрос: можно ли определить размер окна браузера и задать в стиль сайта с помощью javascript?
Интересуюсь что бы не париться с проблемой разного разрешения экрана у разных ПК.
Хочу что бы сайт отображался на любом экране с любым разрешением одинаково.
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
30.09.2015, 20:32
Ответы с готовыми решениями:

Определение размеров окна браузера в реальном времени
Здравствуйте всем! Нужна помощь по определению размеров в реальном времени. Вот код , который определяет размеры: $(function(){ ...

Определение размеров окна
Не могу определить размеры окна. Когда пишу window.width/height выдает udefinded Как же их определить, эти размеры?

Определение размеров клиентской части окна
Здравствуйте. Можно ли как-нибудь получить размеры клиентской части окна браузера в IE? Для Gecko - window.innerWidth и...

4
 Аватар для fanatikus
1932 / 1523 / 703
Регистрация: 17.11.2012
Сообщений: 6,585
30.09.2015, 22:10
JavaScript
1
2
3
4
  $(window).resize(function() {
          $('#res_width').html($(window).width());
          $('#res_height').html($(window).height());
    })
HTML5
1
2
<div id="res_width"></div><!--будет ширина-->
<div id="res_height"></div><!--будет высота-->
а вообще, есть же bootstrap
0
 Аватар для SuLLeN
23 / 23 / 12
Регистрация: 27.12.2011
Сообщений: 855
01.10.2015, 08:28  [ТС]
Цитата Сообщение от fanatikus Посмотреть сообщение
а вообще, есть же bootstrap
Может кого насмешу, но бутстрапом не владею и пока учиться не хочется=)))
0
 Аватар для SuLLeN
23 / 23 / 12
Регистрация: 27.12.2011
Сообщений: 855
05.10.2015, 19:28  [ТС]
Цитата Сообщение от fanatikus Посмотреть сообщение
а вообще, есть же bootstrap
А как вообще в бутстрапе сделать допустим адаптивный основной блок (назовем его wrapper), шапку высотой на 50px, контент блок занимающий все пространство кроме шапки и подвала и подвал прижатый к низу высотой 50px?
0
 Аватар для fanatikus
1932 / 1523 / 703
Регистрация: 17.11.2012
Сообщений: 6,585
05.10.2015, 21:39
Цитата Сообщение от SuLLeN Посмотреть сообщение
А как вообще в бутстрапе сделать допустим адаптивный основной блок (назовем его wrapper), шапку высотой на 50px, контент блок занимающий все пространство кроме шапки и подвала и подвал прижатый к низу высотой 50px?
http://bootstrap-3.ru/css.php
там, все довольно ясно описано
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
05.10.2015, 21:39
Помогаю со студенческими работами здесь

Определение максимальной высоты окна браузера
Здравствуйте, Никак не могу найти решение для следующей задачи: Как Вы знаете у каждого типа браузеров своя высота рабочей области, с...

Определение реального размера окна браузера на мобильном
Всем доброго, помогите плиз... а то не знаю что и делать. Мне нужно в зависимости от размеров окна добавлять или удалять элементы на...

Неправильное отображение сайта при изменении размеров окна браузера
Есть сайт http://prazdnikov-masterskaya.ru, при изменении размеров окна браузера, всё плохо. Как я понял проблема в самом шаблоне (hot...

Выравнивание кнопок при изменении размеров окна браузера
Вопрос такой: На главной странице есть три кнопки, которые стоят в ряд, внутри которых картинки. У них прописана позиция float:left. Как...

Обрезание картинки при изменении размеров окна браузера
Подскажите как сделать так, чтобы картинка, обрезалась пропорционально и слева и справа при изменении ширины окна браузера. По умолчанию...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Новые блоги и статьи
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image
8Observer8 10.02.2026
Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .
Установка Qt-версии Lazarus IDE в Debian Trixie Xfce
volvo 10.02.2026
В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer
8Observer8 08.02.2026
Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru