Блог

Главная - Вопросы по программированию - Angular: высота компонентов только для экрана

Angular: высота компонентов только для экрана

#html #css #angular

#HTML #css #angular

Вопрос:

Как я могу установить в Angular все компоненты max-height и max-width в соответствии с размером экрана? Я не хочу устанавливать размеры на 100% от html до самого компонента — это не то, что я ищу, я не хочу, чтобы вложенные компоненты превышали размер экрана

Ответ №1:

может быть, это сработает:

 *{
    max-width: 100vw; // view width
    max-height: 100vh; // view height
}

vh и vw размер области просмотра

Ответ №2:

Может быть, этот css может решить вашу проблему (это реагирует отовсюду), пожалуйста, перейдите по этой ссылке https://css-tricks.com/fun-viewport-units /

 * {
    margin: 0 ;
    padding:0;
}

body {
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.box{
    width: 100px;
    height:100px;
    background-color: #ccc;
}

Html идет сюда

 <body>
    <div class="box">
    </div>
</body>
Метки: