@Sayyflyy

Как сделать начальную страницу на весь экран?

Сайт резиновый и не понятно как сделать так чтоб начальная страница была на полный экран так, как не известно конечное разрешение.
247b89cd10c345b48e5a4cc6b2f4b5a8.pngc9f74dbdc2c94fd5acc07a71432d25fd.png
  • Вопрос задан
  • 2344 просмотра
Пригласить эксперта
Ответы на вопрос 6
Antonoff
@Antonoff
Разработчик
.class-wrap {
    min-height: 100vh;
    min-width: 100vw;
}
Ответ написан
Ivanq
@Ivanq
Знаю php, js, html, css
Уберите из img и поставьте в background-image css
.class-wrap {
    background-image: src(myimage.png);
    background-size: cover;
    width: 100%;
    height: 100%;
    display: inline-block;
}


Что непонятно, спрашивайте
Ответ написан
Комментировать
dmitriy_novikov
@dmitriy_novikov
Занимаюсь web-разработкой с 2010г. http://dmnv.ru
почему же неизвестно?
возьмите на jQuery $(window).width() и $(window).height() - и будет вам конечное разрешение.
Ответ написан
@3luyka
С помощью jQuery:

function fullScreenEl ()
{
       var windowHeight = $(window).height(); // получаем высоту окна.
       $('your_selector').css('height', windowHeight + 'px'); // устанавливаем высоту окна для определенного элемента. 
}

$(document).ready(fullScreenEl);
$(window).resize(fullScreenEl);
Ответ написан
@ps1panda
Верстальщик, начинающий front-end
Оберните контент, отображаемый во весь экран:
<div class="full-screen">
</div>

Тогда:
function alturaMaxima() {
    var altura = $(window).height();
    $(".full-screen").css('min-height', altura);
}

$(document).ready(function () {
    alturaMaxima();
    $(window).bind('resize', alturaMaxima);
});
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы