На моем веб-сайте у меня есть галерея с фотографиями моей девушки и меня, но есть две фотографии, которые отображаются в перевернутом виде. И я не знаю почему. Все остальные фото идеальны. Все снимки сделаны одним и тем же iPhone 7+, но первые два снимка на сайте перевернуты. На моем компьютере они отображаются отлично.

Вот веб-сайт: www.selinaundleon.com/gallery.html Может ли кто-нибудь помочь мне с этой проблемой? Большое спасибо.

-2
fechy 13 Май 2018 в 00:02

1 ответ

Лучший ответ

Вы можете создать и прикрепить класс к изображениям (элементы <img>) для поворота, используя transform:

.rotate-180 {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}
<img src="https://placehold.it/100x100" width="100"/>
<img class="rotate-180" src="https://placehold.it/100x100" width="100"/>

Примечание. Я рекомендую повторно сохранить изображения, повернутые с помощью программного обеспечения по вашему выбору.

3
Sebastian Brosch 21 Мар 2019 в 07:11