Слои и картинки на всю ширину экрана телефона. Тема решена

[Vitamin701]

Добрый вечер друзья! Создал страницу. Все ок. По просмотре на телефоне по бокам остается место примерно по 10-15 пикселей. Хотя в программе и слои и картинки на всю ширину. Как сделать, что эт они и при просмотре на телефоне были на весь экран по ширине ?

[sinpai]

Точки останова делал? Где-то что-то выходит за пределы слоя. Попробуй переделать на сетках или флексах. А лучше покажи проект.

[Vitamin701]

Точки останова делал. Вот скриншот как почучается в итоге. Верхняя картинка во всю ширину, потому что в свойствах слоя поставил галочку "относительная ширина"

[spoon]

проект бы

[Vitamin701]

Вот адрес: http://f0172352.xsph.ru/ Один слой и одна картинка. Для примера.
Интересует только отображение на мобильном.

[Vitamin701]

Пробовал и на сетках и на флексах. То же самое. Так что, нет решения проблемы ?

[spoon]

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

[Vitamin701]

Прошу прощения.
Вот проект без файлов. Только два слоя.
Адрес для просмотра тот же : http://f0172352.xsph.ru/
Уже стер всю клавиатуру, никак не могу решить эту проблему.

[sinpai]

В Лисе и Опере все в порядке в режиме адаптации.
Какое разрешение экрана у вашего телефона?
И еще, дайте ваш проект как есть с картинками и текстами.

[Vitamin701]

Разрешение(1280x720)
В лисе и опере не пробовал, но в хроме остаются отступы по бокам.
Проект не готов еще. Да и проблема ровно такая же как на примере с двуми слоями.

[anonimus]

я что-то вас не понимаю, что вы хотите
ваши отступы в жёлтом слое потому, что там не стоит относительная горизонтальная размеренность
или вы не об этом?

[Vitamin701]

То есть это единственная причина ? Но в таком случае если я сделаю все слои с "относительно горизонтальной размерностью", то на десктопе все эти слои будут так же на всю ширину экрана ( то есть выходить за ширину контейнера).
Что касается картинок, то придется каждую так же размешать на слой и ставить галочку "относительная гор. разм." ?
Если это единственное решение, то в таком случае под точку 320 придется все слои новые создавать и скрывать слои остальных точек слома. Можно , но решение по моему не самое разумное.
Просто хотел узнать, если есть более рациональное решение.

[anonimus]

неразумное решение скрывать на точках останова
нужно не скрывать, а адаптировать слой
я вижу вы абсолютно не знает как делать адаптивную вёрстку и в этом ваша проблема

[Vitamin701]

Я только учу программу. Но уже успел заметить, что при установке галочки " относительная горизонтальная размерность" она устанавливается на всех точках слома. А мне это не нужно. Подскажете как победить это ?

[anonimus]

это не победите
просто нужно придумать как реализовать то что вам нужно по другому
варианты есть
например сетки или слой в слое
эксперементировать с заливкой и т.п.
в общем проявите творческий подход

[Vitamin701]

слой в слое - это интересно. только пока не совсем представляю схему реализации )

[anonimus]

Для примера накидал вам проект
это одно из решений, что бы вы поняли, что для полёта мысли есть простор)))
в архиве проект (версия 12.3.0) и файлы для публикации (их можно сразу на хост залить и посмотреть в трёх точках (дефолт, 640 и 320))

localPublic.zip

[Vitamin701]

Попробую объяснить. Хочу чтоб на дескатопе , слои не выходили за рамки контейнера ( то есть были по ширине точки слома 1170, 960 например). а на мобильном естественно они должны быть на всю щирину экрана. Другими словами, чтоб сайт выглядел как любой нормальный сайт на всех экранах.

[anonimus]

я вам в проекте накидал, но сделал наоборот
на мобильном отступы, а на десктопе их нет))

[Vitamin701]

проект не открывается. Нужно обновлять прогу