Background size cover
Автор Angelus Mars задал вопрос в разделе Верстка, CSS, HTML, SVG
вопрос по css (background-size) не пойму как работает? и получил лучший ответ
Ответ от Одну минуточку[гуру]
Ответ от Александр Ермилов[гуру]
Почему ж не работает? Все работает как и должно.
backround-size: cover - фон будет заполнять весь блок, но будет обрезан, если не влезает по ширине, или высоте.
contain - целиком поместится в блок, но не будет его заполнять полностью, если у фона и блока разные пропорции.
Можно указать два размера для background-size. Например, задать те же размеры, что и блоку:
background-size: 100% 200px;
Но это приведет к "растягиванию" картинки по размеру блока и ее искажению.
Какой результат нужен?
Почему ж не работает? Все работает как и должно.
backround-size: cover - фон будет заполнять весь блок, но будет обрезан, если не влезает по ширине, или высоте.
contain - целиком поместится в блок, но не будет его заполнять полностью, если у фона и блока разные пропорции.
Можно указать два размера для background-size. Например, задать те же размеры, что и блоку:
background-size: 100% 200px;
Но это приведет к "растягиванию" картинки по размеру блока и ее искажению.
Какой результат нужен?
Ответ от 22 ответа[гуру]
Привет! Вот подборка тем с похожими вопросами и ответами на Ваш вопрос: вопрос по css (background-size) не пойму как работает?