1 Востаннє редагувалося Bygryn (31.10.2018 16:22:30)

Тема: Як зробити фон responsive?

Доброго часу доби, яким чином можна задати такий фон, щоб він був responsive і вміст відображався всередині як сторінка?

Дякую за увагу.

2

Re: Як зробити фон responsive?

а що ви маєте на увазі під респонзів фоном?
респонзівнес, це ж по суті підлаштування ширини, висоти, і структури, аби воно гарно виглядало на екранах з різними розмірами

Говоріть українською! Живіть українською! Відчувайте українською!
Подякували: Bygryn1

3

Re: Як зробити фон responsive?

Ну мені потрібно, щоб текст при любій ширині був всередині листочку, той що на фоні

4

Re: Як зробити фон responsive?

я б спробував додати before та after до контейнера з текстом, а в них вже показувати потрібну частину бекграунду.

Говоріть українською! Живіть українською! Відчувайте українською!
Подякували: Bygryn, leofun012

5

Re: Як зробити фон responsive?

FakiNyan написав:

я б спробував додати before та after до контейнера з текстом, а в них вже показувати потрібну частину бекграунду.

Спробував зробити таким чином, але проблема в тому, що before & after спрацьовують всередині контейнера з текстом, а потрібно, щоб вони були ззовні цього контейнера, дякую

6

Re: Як зробити фон responsive?

так вам треба зробити position: absolute; для before та after, а потім використати left: (-ширина before) для before, та right: (-ширина after) для after, і ще зробіть position: relative для контейнеру

Говоріть українською! Живіть українською! Відчувайте українською!
Подякували: Bygryn, leofun012

7 Востаннє редагувалося Bygryn (29.10.2018 18:39:48)

Re: Як зробити фон responsive?

FakiNyan написав:

так вам треба зробити position: absolute; для before та after, а потім використати left: (-ширина before) для before, та right: (-ширина after) для after, і ще зробіть position: relative для контейнеру

Все працює. Дуже дякую, гарного вечора Вам  :)