How to make a photo with rounded edges of a certain size (height and width 50px), but so that the picture does not stretch if it is not square?

1

1

12332112020-05-08 18:54:34

css

1233211, 2020-05-08 18:54:34

How to make a photo with rounded edges of a certain size (height and width 50px), but so that the picture does not stretch if it is not square?

Need ie11 support
How to make such a block? The photo can be completely different size. Trying
border-radius: 50% и object-fit: cover
But the problem is that object-fit doesn't work in ie11.

Reply

Answer the question

Answer the question

In order to leave comments, you need to log in

1 answer(s)

A

Andrew Kolomiets, 2020-05-08
@Coolam

Try throwing background-size: cover; why not?

Similar questions

W

whynot2010-10-05 23:54:12

Webkit bug when rendering borders? 3Reply

A

Andrey Ivanov2010-10-14 15:58:03

How to make div width dependent on content? 10Reply

N

newhack2020-04-13 13:38:49

How to set background for parallax? 2Reply

E

eugene1122018-01-27 00:27:05

Why are photoshop and browser (Montserrat) fonts different? 2Reply

A

Alex2015-09-20 10:21:43

How to apply a CSS property during a specific event? 3Reply

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question