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

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


     03.12.2013    css3, css    Стили (CSS), jQuery    6651

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

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


5 комментариев

Gopr
Юзер

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

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

doktorpull
Юзер

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

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

doktorpull
Юзер

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
Юзер

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

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

ПафНутиЙ
Админ

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

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

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

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

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

наверх