Question

Как сделать фото так как на скриншоте, чтобы оно не искажалось в зависимости от его размера а обрезалось?

Answer 1

Адрес сайта и ваш пример, либо 0%0%/100%

Comments

я разрабатываю пока дизайн не для своего сайта, поэтому шаблон там стандартный. а картинка портится, если добавить object-fit:cover то картинка обрезается и это хорошо, но порой то что на картинке выглядит слишком обрезано и нужно его центрировать по верху  или центру может низу. как это сделать тогда?

---

VEri,

Нужен не cover а contain и нужен живой пример...

---

Sentimo,

http://vanboollen.eu тогда вот.

с шириной и высотой ясно, поставить 100% ширина и например 250 пикселей высоты. а что еще?

---

VEri,

На какую именно смотреть?

---

Sentimo,

да на любую они по одному принципу сделаны

---

VEri,

Смотрите в сторону флекса http://frontender.info/a-guide-to-flexbox/