Background и height:100vh?

Question

[smoklew]

Имеется такой стиль блока с background(картинкой) и height 100vh ( точнее 100vh - 60px , но не столь важно) , при уменьшении разрешения - картинка бэкграунда обрезается , видимо из за высоты 100vh и размера самой картинки, возможно ли без каких либо медиа запросов(адаптации) , сделать чтобы бэкграунд уменьшался пропорционально высоте блока , а не обрезался.

.clock968px
{
width: 968px;
display: block;
margin: auto;
position: relative;
background: url(../img/clock.png);
background-size: 40%;
background-repeat: no-repeat;
height:calc(100vh - 60px);
}

Сама проблема:

Answer 1

[Дмитрий Новиков]

смотрите в сторону background-size: htmlbook.ru/css/background-size
хотите, чтобы картинка полностью помещалась? значение contain
хотите, чтобы картинка была на 100% высоты блока, а ширина изменялась пропорционально? тогда background-size: auto 100%;

Comments

[smoklew]

из-за position:absolute блока с ценой, изображение просто становиться меньше а текст остается на своем месте, возможно легче будет не делать картинку бэкграундом а сделать img_src