0
Всем добра!). Проблема с изображением)). Как его втеснить в нужный размер? Чтобы его было полностью видно, а не только краюшек).
.book_snippet.is_small .book_snippet_cover,
.book_snippet.is_small .book_snippet_cover_img {
	width: 135px;
	height: 191px
}
.book_snippet_cover {
	display: block;
	width: 170px;
	height: 240px;
	overflow: hidden;
	border-radius: 4px;
	position: relative
}

.book_snippet_cover_img {
	width: 170px;
	height: 240px;
	float: left;
	background-color: #f3f5f6;
	background-size: cover
}

Вот собственно стиль.
Как изображение втеснить в определённый размер? - 1
17.01.2022 23:36
komosa
Автор: komosa Репутация: 0

Ответов 2

  1. +1
    Если картинка идет в верстке тегом а не как фон блока, то нужно еще добавить свойство object-fit:
    cover - картинка заполнит все пространство, но может быть обрезана
    contain - пропорции не будут нарушены, но возможно только частичное заполнение
    18.01.2022 11:50
    Dromich Репутация: 5
  2. 0
    .book_snippet_cover_img{
        max-width: 100%;
    }
    

    Добавить классу .book_snippet_cover_img свойство max-width: 100%; если этот класс отвечает за картинку саму.
    18.01.2022 09:25
    Kylaksizov Репутация: 30
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.

Похожие вопросы