Здравствуйте!

Подскажите пожалуйста, что и куда прописать, чтобы в мобильной версии все картинки в постах сжимались до нужных размеров. На форуме максимальная ширина миниатюр установлена 500 пикселей (для компа считаю норм), а вот в мобильной версии картинки так и остаются в 500 пикселей и нарушают целостность стиля (все начинает двигаться вправо)...

Тоже самое происходит и в Галерее... Все работает отлично, но при просмотре с мобильного самих картинок, они открываются с большим размером и все также начинает съезжать вправо...
Комментарии: 4

CabinetAdmin 07 окт 2015, 17:43 Сообщение

Можно добавить в content.css, например перед .content h2, .panel h2 {:

Код: Выделить всё

.content img {
	max-width: 100%;
}
А вообще не должно вроде ломать страницу... Там вроде бы должен появляться горизонтальный скролл... :scratch:
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

vla20071 07 окт 2015, 18:26 Сообщение

CabinetAdmin писал(а): А вообще не должно вроде ломать страницу... Там вроде бы должен появляться горизонтальный скролл...
ага, я неправильно выразился... появляется скролл, но все равно некрасиво выглядит... сделал как Вы посоветовали, но при этом картинка уменьшается только в ширину, а высота остается... то есть меняется непропорционально, получается как вытянутая :(

ЗЫ: полностью скрол пропадает если выставить 99%
ЗЫЫ: А в Галерее картинка ломает страницу
  • 0

CabinetAdmin 07 окт 2015, 20:20 Сообщение

Ну, можно ещё добавить height: auto; к коду выше. А так, обычно она сама масштабируется... вроде как... :scratch:

Для галереи можно попробовать добавить в ext/phpbbgallery/core/styles/prosilver/theme/gallery.css:

Код: Выделить всё

.post img {
	max-width: 100%;
}
  • 1
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

vla20071 07 окт 2015, 21:16 Сообщение

CabinetAdmin писал(а): Ну, можно ещё добавить height: auto; к коду выше.
Супер! Теперь все картинки в мобильном отлично показываются без всякого скроллинга
CabinetAdmin писал(а): Для галереи можно попробовать добавить
И там помогло, теперь страницы не ломаются и картинки правильно показываются!!!!

Спасибо Вам огромное!!!
  • 0

Похожие темы