Адаптация картинки

адаптация картинки с мобильной весии

#1 11 января 2017 в 13:59
Подскажите я вот размещаю картинки на "стандартном шаблоне" и когда просматриваю с мобильной версии картинка не формируется под экран. как исправить?
#2 11 января 2017 в 14:19
прописать в стилях картинки ширину в 100%
#3 11 января 2017 в 14:34


прописать в стилях картинки ширину в 100%

Андрей
Подскажите где именно чтоб действовало на все страницы.
#4 11 января 2017 в 15:28

Подскажите где именно чтоб действовало на все страницы.

@morfius
Например здесь: templates/default/css/theme-content.css
  1. max-width:500px!important;width:100%!important;height:auto!important;
max-width:500px допустимая макс. ширина. Действовать будет на все.
#5 11 января 2017 в 15:40


Подскажите где именно чтоб действовало на все страницы.

@morfius
Например здесь: templates/default/css/theme-content.css
  1. max-width:500px!important;width:100%!important;height:auto!important;
max-width:500px допустимая макс. ширина. Действовать будет на все.

Pasechnik

Такого вообще нету. И адаптация нужна только в модуле "текстовый блок" на страницах вроде адаптируется.
#6 11 января 2017 в 15:48



Подскажите где именно чтоб действовало на все страницы.

@morfius
Например здесь: templates/default/css/theme-content.css
  1. max-width:500px!important;width:100%!important;height:auto!important;
max-width:500px допустимая макс. ширина. Действовать будет на все.

Pasechnik

Такого вообще нету. И адаптация нужна только в модуле "текстовый блок" на страницах вроде адаптируется.

@morfius

То что вам показали это был пример, теперь вам надо найти что вам именно надо адаптировать.
#7 11 января 2017 в 16:03
можете сделать так:
в стилях прописать
  1. img, div img, td img { width:100% }
правда, столкнетесь с тем, что мелкие картинки начнут на весь экран выводиться...
так что проще в com_content у картинки прописать style="width:100%" и успокоиться.
#8 11 января 2017 в 16:59


можете сделать так:
в стилях прописать

  1. img, div img, td img { width:100% }
правда, столкнетесь с тем, что мелкие картинки начнут на весь экран выводиться...
так что проще в com_content у картинки прописать style="width:100%" и успокоиться.

Андрей

не могу найти где это прописывать
#9 11 января 2017 в 19:39
@morfius, не слушайте их всех, они шутят.
Глобальные стили в двойке прописаны в theme-text.css и theme-layout.css. В один из них и добавьте:
  1.  
  2. img {
  3. max-width: 100%;
  4. height: auto;
  5. }
  6.  
Если напихано размеров в теге в текстах, может понадобится приоритет (!Important)
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.