Картинки не пропорциональны, когда запускаю проект на Windows. Как сделать так чтобы картинки отображались нормально?

Question

[Leo Sobolev]

Приветствую, господа! Проблема состоит в том, что я пилю сайт для магазина суши и у меня какая то проблема с отображением картинок в карточках, когда я запускаю проект на винде.

Все было бы хорошо, я бы понимал, что косяк во мне и из меня фиговый верстальщик, но проблема в том, что когда я запускаю проект на маке (тот-же репозиторий, все одно и то же), карточки с категориями выглядят прекрасно, картинки растягиваются и все просто сказочно. Я начал думать на то, что дело в браузере и решил проверить на мобильной версии. Запустил виндовский проект, открыл его на телефоне и все поплыло и выглядело так себе. Запустил тот же проект на маке и открыл на телефоне, все выглядит прекрасно. Не понимаю, в чём проблема и что мне делать, запускаться надо уже через неделю

Comments

[Алексей Дубровин]

Вы разные браузеры тестировали?
Опера, сафари, яндекс, гугл, фаерфокс?
Нет разницы где вы запускаете.
Есть разница в браузерах

[Leo Sobolev]

Алексей Дубровин, я использовал одинаковые браузеры, проблема именно в билде с винды. Я написал, что тести на мобилке в двух браузерах, в сафари и хроме и там все отображается нормально на билде с мака, как на андроид, так и на айфоне.
А когда делаю тоже самое на винде, картинки плывут

[Ankhena]

Leo Sobolev, и что же у вас указано в размерах картинок?

А лучше бы иллюстрацию проблемы в песочницу типа codepen.io

[Leo Sobolev]

<div class="card text-center" style="width: 18rem;">
      <img class="card-img-top" src="{% static 'images\Drinks.jpg' %}" alt="Card image cap" style="max-width: 500px; max-height: 500px; object-fit: cover;">
      <div class="card-body">
        <h5 class="card-title">Напитки</h5>
      </div>
    </div>

Вот так выглядит моя карточка

[Ankhena]

Leo Sobolev, карточка 18rem, картинка 500х500. Знать бы чему у вас при этом равен rem...

Но в любом случае, это не все стили, влияющие на карточку и картинку.
Поэтому, оформите песочницу с видимой проблемой на codepen.io
Будет готово, позовите

[Leo Sobolev]

Ankhena, Хорошо!

Answer 1

[rPman]

Проблема явно в процессе сборки чем именно и как она производиться?

Скопируй рядом в разные каталоги разные сборки и сравни чем они отличаются,