Как facebook / css-tricks.com пишет свой заголовок?

Question

Например,

На Facebook, когда пользователь изменяет размеры своего браузера после ширины 1000 пикселей; заголовок остается фиксированным, но после изменения размера ниже заголовок становится абсолютным.

То же самое происходит на css-tricks.com, после изменения размера значение изменяется. как они это делают?

К тому, что я имею в виду, они используют jquery или некоторую кодировку значения window.height ().

Я пытался искать довольно долго (например, 1 неделю ?, но я не знаю, какие ключевые слова нужно искать, учебник обязательно где-то на Google!)

Спасибо, что нашли время, читая мой вопрос!

Answer 1

Я думаю, что это будет самый простой метод, в вашей таблице стилей или в заголовке вашей страницы, определить что-то вроде:

    .header {
    width : 100%;
    max-width : 1000px;
    }

Затем использовать его:

    <div class="header">This should span the entire page up to 1000 pixels</div>

Answer 2

Вы должны делать что-то похожее на ваши инициализации jquery

if($(window).height() > = 1000){
    $("#your_id").removeClass("yourOtherClass").addClass("yourNewClass");
} else {
    $("#your_id").removeClass("yourNewClass").addClass("yourOtherClass");
}

Я только что вживую напечатал это так непроверенно в МО.Надеюсь, это поможет