Как создать нормальный размер картинки на php?

Question

[Egust222]

Сайт https://russfood.net/recipe/5/picca-v-skovorode-za..., с мобильного картинка нормального размера а вот с Пк растянута, как это исправить? Спасибо

Comments

[Ankhena]

Используйте несколько изображений и тег picture. И про ретину не забудьте.
И, скорее всего, пригодится object-fit.

[ProjectSoft]

<img itemprop="image" width="680" height="381" src="https://russfood.net/images/recipe_1709731990.jpg" alt="Пицца в сковороде за 10 минут" uk-cover="" style="height: 100%; width: 100%; object-fit: cover; object-position: center;">

И не будет лучше. Поверь.
Либо сам подстраиваешь определённые изображения под разрешения.
Либо, с у чётом стилей данных ранее, выставляешь высоту родительского блока равным высоте изображения.
Либо, зная постоянное разрешение изображения, выставляешь размер родительского блока через aspect-ratio https://developer.mozilla.org/en-US/docs/Web/CSS/a... Сложного ничего нет.