Как настроить размер изображения или как правильно его разместить?

У пользователя есть возможность создавать посты через фронтенд. В форме публикации записи пользователь загружает миниатюру изображения, а далее я вывожу данные из публикации как мне нужно: миниатюра выводится в рамке, размер которой фиксированный.

Изображение, загружаемое пользователем может быть любой пропорции, и соответственно, если изображение не совпадает с пропорцией рамки, оно выводится некрасиво.

Как быть? Смотрел jquery плагин crop (cropper, много короче их), но пока не особо разобрался в нем, плюс много гемора будет, т.к. придется как-то прикручивать его к вордпрессю. Может есть другой выход?
  • Вопрос задан
  • 165 просмотров
Решения вопроса 2
HeavenlyWaltz
@HeavenlyWaltz
не определился в жизни.
если то кудавыводится картинка можно пошаманить с направлением ну там еще конечно и background-image position и т.д карочи поставить её по центру основного дива, будет в полне мило смотреться и картинка тянутся лишний раз куда попала не будет. ну или overflow:hidden. для основного блока.

это если не хотите парится со скриптами. еще можно как cover поставить картинку.
Ответ написан
profesor08
@profesor08 Куратор тега CSS
Сначала тебе сюда: background-size: cover;
Потом сюда: https://jsfiddle.net/profesor08/z7fx43fz/
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

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