Почему мои веб-изображения имеют непреднамеренные черные границы?

#html #css #web #jekyll

#HTML #css #веб #джекилл

Вопрос:

Я создаю свою страницу на GitHub с помощью Jekyll и обнаружил, что на маленьких экранах (iPhone SE) изображения имеют черную рамку с некоторых сторон.

Я не очень разбираюсь в веб-разработке, но я знаю, что стиль CSS таков:

 .post-preview .post-image-small {
    display: block;
}
  

На больших экранах у меня нет этой проблемы, например, на экране MacBook Pro.

Комментарии:

1. Вы могли бы попробовать добавить — .post-preview .post-image-small { отображение: блок; граница: отсутствует; }

2. Спасибо @FujiRoyale, но это не решает мою проблему.

3. @PedroPicapiedra посмотрите на инструменты разработки в браузере. какой класс переопределяет его. изучите специфику obout в css, и вы легко решите эту проблему

4. Ваши исходные изображения прозрачны или имеют границу?

5. @Phix у них есть прозрачность.