How practical is it to use zoom in CSS?

Добрый день юзеры. знатоки подскажите

Делал адаптацию сайта под ноутбуки (так как размер экрана у них не большой)
Получалось что некоторые блоки выглядили крупные или весь сайт как то казался большой
Использую код: ZOOM вместо того чтобы не засорять CSS и создавать под каждый экран размеры всех блоков и шрифта

@media (min-width: 1081px) and (max-width: 1920px) {

html {

zoom: 0.85;

}

}

@media (min-width: 1650px) and (max-width: 1750px) {

html {

zoom: 0.80;

}

}

CSS

@media (min-width: 1081px) and (max-width: 1920px) {



    html {



        zoom: 0.85;



    }



}



@media (min-width: 1650px) and (max-width: 1750px) {



    html {



        zoom: 0.80;



    }



}

Насколько это правильное решение? и какие могут быть проблемы в таком случае? но такое работает и получается что сайт на нотах выглядит как нужно!