Овал вместо круга в css. Почему?
Закругляю картинку border-radius:50%, а вместо круглой картинки получается овальная. Как сделать, чтобы не зависело от высоты и ширины картинки?
По дате
По рейтингу
Квадрат делай по меньшей стороне если изо 280 х 190 то ширину и высоту задавай 190 тогда не будет растягиваться, а лучше обрезать в редакторе как надо и нет проблем .
Поздний конечно ответ но вдруг кто-то также как и я наткнется на этот тред:
Вместо паддингов вокруг картинки поставьте марджин
Паддинг "давит" на картинку и деформирует ее, в связи с чем и получается "яйцо"
border-radius закругляет углы. Логично, что если у вас прямоугольник, то будет овал.
если хотите круг, то поместите картинку в DIV, задайте ему border-radius:50%, и overflow:hidden; ну и размеры блока (квадрат)