Размер DIV под размер окна браузера

@Nenado88 · Регистрация: 26.03.2013

Author24 — интернет-сервис помощи студентам

Доброго времени суток. Прошу помощи, новичок в JS.
Имеется div с id='center'
Как указать ему ширину и высоту под размер содержимого окна браузера, и менять ширину и высоту при изменении размера окна?

@Rikkit · 27.07.2014, 09:04

Не совсем понял вопрос.
Если имеется ввиду background то выстави в css 100% и высоте и ширине. Если нужно чтоб при скроллинге оставался на месте - сделать position: static в css.

@Az Rieil · 27.07.2014, 10:06

Почитайте.

@Nenado88 · 27.07.2014, 12:05 **[ТС]**

Нет там решения. Не в процентах мне надо, а в пикселях. И динамически менять размеры, при изменении окна.

@Razgibatel · 27.07.2014, 12:36

просто в css напиши

CSS

1 2	width: 100%; height: 100%;

@Nenado88 · 27.07.2014, 12:41 **[ТС]**

Объясню. У меня стоит картинка на весь экран, но при изменении размера окна, она должна сохранять пропорции. Вот нужно сделать как тут - http://greenline.a101.ru/plans

@sasha_design · 27.07.2014, 14:05

О тоже сталкивался именно с такой задачей. Решил ее так:
Каждая картинка имеет свою высоту и ширину - дисплей тоже. Получается простейшая математическая пропорция:
Например:
к. д.
1200 px - 100 %
700 px - x

То есть чтобы картинка шириной 700 растянуть на дисплей 1200 без потери пропорций - нужно
новая ширина = (700*100/1200)*700

Или же в CSS3

CSS

img {
    display:block;
    width:100%;
    height:auto;
}

@Nenado88 0 / 0 / 0 Регистрация: 26.03.2013 Сообщений: 79
		1
	Размер DIV под размер окна браузера 27.07.2014, 02:13. Показов 4058. Ответов 6 Метки нет (Все метки) Доброго времени суток. Прошу помощи, новичок в JS. Имеется div с id='center' Как указать ему ширину и высоту под размер содержимого окна браузера, и менять ширину и высоту при изменении размера окна? 0

@Rikkit 61 / 58 / 12 Регистрация: 15.06.2012 Сообщений: 149
	27.07.2014, 09:04	2
	Не совсем понял вопрос. Если имеется ввиду background то выстави в css 100% и высоте и ширине. Если нужно чтоб при скроллинге оставался на месте - сделать position: static в css. 0

@Az Rieil 39 / 39 / 43 Регистрация: 14.07.2014 Сообщений: 230
	27.07.2014, 10:06	3
	Почитайте. 0

@Nenado88 0 / 0 / 0 Регистрация: 26.03.2013 Сообщений: 79
	27.07.2014, 12:05 [ТС]	4
	Нет там решения. Не в процентах мне надо, а в пикселях. И динамически менять размеры, при изменении окна. 0

@Nenado88 0 / 0 / 0 Регистрация: 26.03.2013 Сообщений: 79
	27.07.2014, 12:41 [ТС]	6
	Объясню. У меня стоит картинка на весь экран, но при изменении размера окна, она должна сохранять пропорции. Вот нужно сделать как тут - http://greenline.a101.ru/plans 0

	27.07.2014, 14:05