Mam sobie kilka obrazków, które ustawiam w szeregu. Chcę aby każdy obrazek miał np. rozmiar 100x100px. W tym celu ustalam styl obrazka width: 100px; height: 100px; Jeśli obrazki są kwadratowe to nie ma problemu skalują mi się ładnie. Natomiast jeśli obrazki są np. prostokątne to rozciągają mi się i nieestetycznie to wygląda. Wiem, że mogę ustawić sobie np width:100px i max-height: 100px ale wtedy obrazki nie zawsze będą miały 100px wysokości. Chodzi mi o to aby obrazek miał rozmiar 100x100px natomiast był przeskalowany tak, że pusta przestrzeń będzie zastąpiona np jakimś tłem jednolitego koloru.
Mam nadzieję, że zrozumiecie o co mi chodzi
Za wszelką pomoc z góry dziękuję.