background-size

[sergei1980]

А правильно ли я понял что background-size: auto 100%; это идентично cover а background-size: 100% auto идентично contain
Или я что то не замечаю экспериментирую с этими параметрами

 

[BaNru]

Нет.
Эти два значения ширина и высота

cover Масштабирует изображение с сохранением пропорций так, чтобы его ширина или высота равнялась ширине или высоте блока

contain Масштабирует изображение с сохранением пропорций таким образом, чтобы картинка целиком поместилась внутрь блока.

 

[sergei1980]

То есть background-size: auto 100% это будет 100% по высоте блока и auto будет реальный размер изображение, так?

 

[BaNru]

Ну а проверить?

https://jsfiddle.net/BaNru/7q9tvpnr/

Если бы проверил, то понял бы, что это значит 100% высота элемента, а ширина картинки с сохранением пропорции.