изображение размыто при назначении свойств CSS

avatar
Daniel Kovalik
8 августа 2021 в 19:02
84
0
1

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

.img-fluid {
  max-width: 100%;
  height: auto; }

это делает jpeg размытым (в нем много текста, и это довольно раздражает) у меня есть этот стиль на многих разных изображениях, и он ничего с ними не делает, кажется, он размывает только это, я пробовал другой экспорт, png и т.д ничего не помогает.

Когда я удаляю атрибут класса в html, он выглядит четким и нормальным (но тогда он не масштабируется на мобильных устройствах и т. д.). Размер изображения не меняется, когда присутствует стиль, он остается прежним.

В чем здесь может быть проблема? Я использую Microsoft Edge для просмотра веб-страницы. Размытие отсутствует Размытие при заданном стиле

Источник
amirify
8 августа 2021 в 19:26
3

Стили внутри .img-fluid не имеют ничего общего с качеством изображения. Ваше изображение недостаточно велико, чтобы выглядеть четким на больших экранах. Вы должны использовать изображение с более высоким разрешением. Предпочтительнее формат PNG.

Daniel Kovalik
9 августа 2021 в 19:39
0

Даже если png составляет 6000 пикселей, он выглядит все так же, я могу сделать его больше, как захочу... также, как я уже сказал, когда я удаляю класс из html, изображение остается того же размера на моем экране.

Ответы (0)