0 Пользователей и 1 Гость просматривают эту тему.
  • 3 Ответов
  • 437 Просмотров
*

Ezio_Auditore

  • Осваиваюсь на форуме
  • 33
  • 0
Адаптивные изображения
« : 24.01.2017, 00:13:46 »
Как сделать так, чтобы все изображения на сайте адаптировались?
*

KKAAZZOO

  • Практически профи
  • 2148
  • 102
Re: Адаптивные изображения
« Ответ #1 : 24.01.2017, 01:09:57 »
Код
    /* 1 Способ - Придать адаптивность всем изображениям. При этом данные изображения будут себя ввести как строчно-блочные элементы (inline-block) */
    img {
      display: inline-block;
      height: auto;
      max-width: 100%;
    }
    /* 2 Способ - Придать адаптивность всем изображениям. При этом данные изображения будут себя ввести как блочные элементы (block) */
    img {
      display: block;
      height: auto;
      max-width: 100%;
    }
    /* 3 Способ - Придать адаптивность всем изображениям, расположенных в элементе с id="main". При этом данные изображения будут себя ввести как блочные элементы (block) */
    #main img {
      display: block;
      height: auto;
      max-width: 100%;
    }
*

Ezio_Auditore

  • Осваиваюсь на форуме
  • 33
  • 0
Re: Адаптивные изображения
« Ответ #2 : 24.01.2017, 02:31:06 »
Код
    /* 1 Способ - Придать адаптивность всем изображениям. При этом данные изображения будут себя ввести как строчно-блочные элементы (inline-block) */
    img {
      display: inline-block;
      height: auto;
      max-width: 100%;
    }
    /* 2 Способ - Придать адаптивность всем изображениям. При этом данные изображения будут себя ввести как блочные элементы (block) */
    img {
      display: block;
      height: auto;
      max-width: 100%;
    }
    /* 3 Способ - Придать адаптивность всем изображениям, расположенных в элементе с id="main". При этом данные изображения будут себя ввести как блочные элементы (block) */
    #main img {
      display: block;
      height: auto;
      max-width: 100%;
    }

Благодарю!
*

sakhalin4242

  • Захожу иногда
  • 11
  • 0
Re: Адаптивные изображения
« Ответ #3 : 28.02.2017, 14:46:31 »
Достаточно просто прописать img{width:100%}
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться