Для того чтобы блок автоматически уменьшался при уменьшении высоты страницы, можно использовать относительное значения для высоты блока в CSS. Например, можно задать высоту блока в процентах или вьюпортных единицах (vh).
Пример использования процентов для высоты блока:
```css
.block {
height: 50%;
}
```
Пример использования вьюпортных единиц для высоты блока:
```css
.block {
height: 50vh;
}
```
Чтобы изменить CSS стили блока так, чтобы при уменьшении размера страницы его высота уменьшалась и полоса прокрутки не появлялась, можно также использовать вьюпортные единицы.
Пример использования вьюпортных единиц для высоты блока без появления полосы прокрутки:
```css
.block {
height: 100vh;
overflow: hidden;
}
```
Таким образом, блок будет занимать всю высоту видимой области страницы и при уменьшении размера страницы его высота будет автоматически уменьшаться, при этом полоса прокрутки не будет появляться.