Тема: Адаптивность

У контента нет адаптивности, как исправить?
Что имеем
https://i.imgur.com/8ACDJNr.png
Разместил всё это вот так
https://i.imgur.com/E4rwxC2.png

Повысить оценку Понизить оценку

Re: Адаптивность

Нажмите на вкладку "Телефон"  и будет видно, какие параметры имеют блоки в этом режиме

3

Re: Адаптивность

Ну так там всё нормально
https://i.imgur.com/cutB8br.png
Блок и картинка потом идёт блок текст.
Вопрос в том почему не меняется размеры картинки под размер экрана.
Должно всё вмещаться в экран устройства типа так:
https://i.imgur.com/xEwGv6g.png

Повысить оценку Понизить оценку

Re: Адаптивность

А как вы реализовали смену картинки под разрешение? И я думаю судя из скриншота у Вас проблема в блоке с формой, который выталкивает содержимое за границы.

5

Re: Адаптивность

Закусило Александр пишет:

А как вы реализовали смену картинки под разрешение? И я думаю судя из скриншота у Вас проблема в блоке с формой, который выталкивает содержимое за границы.

У меня там так:
https://i.imgur.com/8H51Bpy.png
Я думал оно автоматом должно адаптироваться.
Но прописав 100% вместо точного размера для ширины картинки, всё сработало как надо.

Повысить оценку Понизить оценку

6 Отредактировано Закусило Александр (07.10.2019 14:54:53)

Re: Адаптивность

Это надо делать в стилях.

img{
   max-width: 100%;
}

Иначе у Вас картинку просто расплющит.

7

Re: Адаптивность

Вообще, надо вёрстку изучать, а не блоки туда-сюда двигать.
Блок "произвольный html" подразумевает, что пользователь знает, что такоё вёрстка, иначе всё бесполезно.

Re: Адаптивность

Модуль вставки баннера нормально же вывести картинку должен?