Не работает адаптация картинок

@pormonik · Регистрация: 26.09.2011

Студворк — интернет-сервис помощи студентам

Приветствую друзья. Проблема с одним из адаптивных сайтов, а именно картинки не изменяют размер при изменении разрешения экрана. Если смотреть на телефоне, то картинки на всю ширину экрана, а текст собирается слева экрана в маленький столбик.
В css картинкам прописан:

Code
1
2
max-width: 100%;
height: auto;

Но картинки в теле статьи не адпативны. Все остальное нормально изменяет свой размер. Простите за глупый вопрос, не силен в программировании.

@LifeMoroz · 02.12.2015, 14:57

По этому коду мало что сказать можно, из него следует, что блок размерами будет максимум 100% от ширины родителя, нужно смотреть код родителя и саму картинку. В идеале - ссылку на сам сайт

@pormonik · 02.12.2015, 15:09 **[ТС]**

Простите пожалуйста, самое главное я и забыл - www.remont-doma-sam.ru

@LifeMoroz · 02.12.2015, 17:20

Эх) Навскидку - у меня все работает.
Уточните браузер на котором наблюдается проблема, а так же дайте селектор блока, который Вас беспокоит

@pormonik · 02.12.2015, 19:12 **[ТС]**

Проблема не в браузерах, а на мобильных устройствах. Проверял на двух смартфонах LG. Проблема наблюдается на странице в статьях. То есть картинки в теле статьи не сжимаются.

@Fedor92 · 02.12.2015, 19:20

pormonik, у Вас родительский блок, который содержит картинку имеет фиксированную ширину в 617px, так что дело не в картинке...

@pormonik · 02.12.2015, 19:47 **[ТС]**

Спасибо, я так и думал, что проблема где то в этой плоскости. Подскажите, что теперь нужно сделать, задать родительскому блоку ширину в процентах?

@Fedor92 · 02.12.2015, 19:55

Сообщение от pormonik

Подскажите, что теперь нужно сделать, задать родительскому блоку ширину в процентах?

Совершенно верно... А для мобильных устройств используйте медиа-запросы для указания ширины блока-родителя...

Всё должно прийти в норму...

@pormonik · 02.12.2015, 22:57 **[ТС]**

Честно говоря не очень понял, посмотрел - за вывод тела статьи отвечает класс .main-side, его css характеристики:

Code
1
2
3
4
width: 96%;
max-width: 765px;
float: left;
margin: 0 auto;

Вроде бы все верно написано, подскажите,а где вы увидели что ширина родительского блока 617 пикс

@Fedor92 · 02.12.2015, 23:11

Сообщение от pormonik

Вроде бы все верно написано, подскажите,а где вы увидели что ширина родительского блока 617 пикс

Не вопрос...

Вот скрин для лучшего понимания... Надеюсь теперь понятно...

@pormonik · 03.12.2015, 00:37 **[ТС]**

К сожалению не очень

Я правильно понимаю, что теперь нам нужно работать с классом .aligncenter?

@Fedor92 · 03.12.2015, 01:03

Сообщение от pormonik

К сожалению не очень Я правильно понимаю, что теперь нам нужно работать с классом .aligncenter?

Ширина прописана внутренним стилем, поэтому её надо укакошить сначала в файле шаблона и только потом можно будет работать с css...

Новые блоги и статьи Все статьи Все блоги /
Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .	Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .	Автозаполнение реквизитов при создании документа Maks 26.03.2026 Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .	Команды формы и диалоговое окно Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .
Кому нужен AOT? DevAlt 26.03.2026 Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .	Отправка уведомления на почту при изменении наименования справочника Maks 24.03.2026 Программная отправка письма электронной почты на примере изменения наименования типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной. . .	модель ЗдравоСохранения 5. Меньше увольнений- больше дохода! anaschu 24.03.2026 Теперь система здравосохранения уменьшает количество увольнений. 9TO2GP2bpX4 a42b81fb172ffc12ca589c7898261ccb/ https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/ Слева синяя линия -. . .	Midnight Chicago Blues kumehtar 24.03.2026 Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .

@LifeMoroz 11 / 11 / 5 Регистрация: 12.10.2013 Сообщений: 54
	02.12.2015, 14:57
	По этому коду мало что сказать можно, из него следует, что блок размерами будет максимум 100% от ширины родителя, нужно смотреть код родителя и саму картинку. В идеале - ссылку на сам сайт 0

@pormonik 0 / 0 / 0 Регистрация: 26.09.2011 Сообщений: 40
	02.12.2015, 15:09 [ТС]
	Простите пожалуйста, самое главное я и забыл - www.remont-doma-sam.ru 0

@LifeMoroz 11 / 11 / 5 Регистрация: 12.10.2013 Сообщений: 54
	02.12.2015, 17:20
	Эх) Навскидку - у меня все работает. Уточните браузер на котором наблюдается проблема, а так же дайте селектор блока, который Вас беспокоит 0

@pormonik 0 / 0 / 0 Регистрация: 26.09.2011 Сообщений: 40
	02.12.2015, 19:12 [ТС]
	Проблема не в браузерах, а на мобильных устройствах. Проверял на двух смартфонах LG. Проблема наблюдается на странице в статьях. То есть картинки в теле статьи не сжимаются. Миниатюры 0

@Fedor92 2964 / 2621 / 1068 Регистрация: 15.12.2012 Сообщений: 10,091 Записей в блоге: 11
	02.12.2015, 19:20
	pormonik, у Вас родительский блок, который содержит картинку имеет фиксированную ширину в 617px, так что дело не в картинке... 0

@pormonik 0 / 0 / 0 Регистрация: 26.09.2011 Сообщений: 40
	02.12.2015, 19:47 [ТС]
	Спасибо, я так и думал, что проблема где то в этой плоскости. Подскажите, что теперь нужно сделать, задать родительскому блоку ширину в процентах? 0

@pormonik 0 / 0 / 0 Регистрация: 26.09.2011 Сообщений: 40
	03.12.2015, 00:37 [ТС]
	К сожалению не очень Я правильно понимаю, что теперь нам нужно работать с классом .aligncenter? 0