ФОРУМ STUDIOWEBD.RU : Адаптивные изображения в CSS - ФОРУМ STUDIOWEBD.RU

Перейти к содержимому

Адаптивные изображения в CSS

#1 Пользователь офлайн   Stroxo Иконка

  • Администратор
  • Иконка
  • Группа: Администраторы
  • Сообщений: 82
  • Регистрация: 13 Декабрь 09

Отправлено 11 Февраль 2018 - 22:47

Настройка адаптивных изображений в CSS / IP Board вставка адаптивных изображений без каких-либо модулей и приложений простой правкой кода CSS.

Открываем файл:
/public/style_css/css_1/ipb_styles.css

меняем этот код:
.resized_img img {
border-style: solid;
border-color: #777;
border-width: 3px 3px 6px 3px;
margin-bottom: 5px;
}

на этот:
.resized_img img {
border-style: solid;
border-color: #777;
border-width: 3px 3px 6px 3px;
margin-bottom: 5px;
width: 65%;
height: auto;
}

Пример: http://studiowebd.ru/forum/topic/251/
0

#2 Пользователь офлайн   Stroxo Иконка

  • Администратор
  • Иконка
  • Группа: Администраторы
  • Сообщений: 82
  • Регистрация: 13 Декабрь 09

Отправлено 11 Февраль 2018 - 22:53

Еще, как вариант можно вставлять изображения таким вот способом:

<img width="99%" border="3" alt="" src="http://studiowebd.ru/forum/izo/kak-vstavit-video-na-sayt-s-yandeks-diska.png"> 



Адаптивность ("резиновый размер") гарантирован во всех известных и популярных браузерах.

0



Быстрый ответ

  

Rambler's Top100