Demigodd
@Demigodd

Как сделать респонсивный Div элемент, который сам увеличивался в размерах?

Как сделать респонсивный Div элемент, который после уменьшение экрана браузера width увеличивается с 50% до 100% ?

JS Fiddle Link

То есть нужно такое поведение элемента.
Тут Child элемент равен 50% своего Parenta.
Как сделать так что бы если с левого края постепенно уменьшить браузер, child элемент не двигался с места, как только край экрана касается левого края Child элемента, то он постепенно уменьшался в размерах что бы поместиться на экране браузера.
  • Вопрос задан
  • 144 просмотра
Решения вопроса 2
leni_m
@leni_m
ЧупаКобрус
Условно решение данной задачи сводится к такому коду:
.parent { width: x; }
.child { width: x/2; }
@media all and (max-width: x/2){
	.child { width: 100%; }
}

Знаю, что с помощью препроцессоров css можно работать с переменными, но еще не разу не использовал их, так что не подскажу как правильно написать.
Причем надо, чтобы получилось у child жесткая ширина в px(чтобы его размер не менялся с изменением размера экрана), а у parent чтобы получилась ширина не жесткая(т.е. чтобы его размер изменялся)
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы