Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Стили (CSS) Высота div элемента в зависимости от размера экрана.

Высота div элемента в зависимости от размера экрана.


     03.12.2013    Стили (CSS), jQuery    4339

вопрос
Привет всем профессионала сейчас столкнулся с такой необходимостью, чтобы при изменение размеров браузера изменялся размер блоков div. И чтобы текст выводимый в нем форматировался по размеру. Прошу помочь с решением. Сегодня весь облазил весь гугл ничего не нашел. Нужно чтобы по ID div-a присваивались значения высоты и ширины. В зависимости от размера окна браузера. Заранее спасибо.

Ответа пока нет


Комментарии пользователей (5)

Gopr
10

494 | 164

Gopr - 3 декабря 2013 16:42 - Юзер

А сайт у вас "резиновый"? Если нет, то по моему нет смысла делать в фиксированном шаблоне резиновые div

doktorpull
6

98 | 5

doktorpull - 3 декабря 2013 17:13 - Юзер

Сайт резиновый.

doktorpull
6

98 | 5

doktorpull - 3 декабря 2013 17:26 - Юзер

Нашел в интернете вот этот код, нужно из него сделать так чтобы он задавал высоту блока, в зависимости от разрешения экрана. А если текст не влизает в него то он попросту не грузится. (Надеюсь понятно объясняю.)

onresize = function()
{
    var bodyWidth  = document.body.clientWidth
      , bodyHeight = document.body.clientHeight;
    var scalable = document.getElementById("scalable");
    scale = Math.min(bodyWidth / 700, bodyHeight / 500);
    
    scalable.style.top = (bodyHeight - (scalable.offsetHeight * scale)) / 2 + "px";
    scalable.style.left = (bodyWidth - (scalable.offsetWidth * scale)) / 2 + "px";
    scalable.style.webkitTransform = "scale(" + scale + ")";
}

onresize();

Gopr
10

494 | 164

Gopr - 3 декабря 2013 18:51 - Юзер

А если текст не влизает в него то он попросту не грузится.
Как же его тогда прочитать..., менять разрешение экрана?
Допишите в css к id вашего div-a
word-wrap:break-word;
Тем самым "текст выводимый в нем будет форматироваться по размеру."

ПафНутиЙ
1065

3396 | 2434

ПафНутиЙ - 3 декабря 2013 19:38 - Админ

А зачем всё это нужно? может уже существует готовое решение.

Каков вопрос - таков и ответ. Просто помните об этом.

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы