@zhqbwowh

Как разместить карту на весь экран?

Я использую Яндекс Карты. И хочу разместить карту на весь экран. Но верхней части экрана появляется серая полоса. Как от неё избавиться?

html:

<div class="contacts">
    <mat-card class="contact-card">
        <mat-card-header>
            <mat-card-title>
                Контакты
            </mat-card-title>
        </mat-card-header>
    </mat-card>
    <div id="apiMap" class="api-map">
    </div>
</div>


css:

.api-map {
    height: 100%;
    width : 100%;
}

.contacts {
    position: fixed;
    height  : 100%;
    width   : 100%;
    display : block;
}

.contact-card {
    z-index: 9999;
    top    : 50%;
    width  : 400px;
    left   : 70%;
}
  • Вопрос задан
  • 55 просмотров
Пригласить эксперта
Ответы на вопрос 2
JamesHatfield
@JamesHatfield
Front-end developer
body {
margin: 0;
padding: 0;
}
Должно помочь.
Ответ написан
@MeMoJlor
Спрячьте с помощью отрицательных значений margin-top
Ответ написан
Ваш ответ на вопрос

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

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