Главная arrow icon Вопросы arrow icon Технологии arrow icon Создание сайтов arrow icon Адаптация сайта

Адаптация сайта - вопрос №3353922

Есть адаптация картинки под размер экрана на сайте. Реализована она на данный момент так:

img{width:100%; height:auto; }

При больших размерах экрана (ПК) все выглядит хорошо.

При низких разрешениях экрана (мобильный телефон, 320 на 240 px) картинку увеличивает БОЛЬШЕ своего собственного размера. Например, если картинка 100 px по ширине, ее растянет на 320 px по ширине, искажая качество.

Надо сделать так, чтобы картинка не увеличивалась больше своего собственного физического размера.
Freenstaip
07.07.19
Технологии / Создание сайтов
1 ответ

Ответы

Рейтинг: 17 568
Поменяйте width на max-width и будет вам счастье.
07.07.19

✯ Анна ✯
Рейтинг: 2 926
5-й в Технологиях
Читать ответы

Павел Викторович
Рейтинг: 570
8-й в Технологиях
Читать ответы
Посмотреть всех экспертов из раздела Технологии > Создание сайтов
Похожие вопросы
Пользуйтесь нашим приложением Доступно на Google Play Загрузите в App Store
  • карты visa
  • карты master card
  • карты maestro
  • карты МИР
Мы используем файлы cookie. Пользуясь сайтом, вы принимаете условия нашего соглашения. Принять Детальнее