Форум Сайтостроение Веб-строительство

CSS высота от ширины.

veleg
На сайте с 30.01.2011
Offline
142
veleg
1300

Имеем блок. Ширина 100%. Как сделать высоту в зависимости от ширины? Высоты родителей формируются по содержимому. Исходный блок пуск, необходимо указать высоту 2/3 от ширины.

Фигачу Телеграм-ботов ( https://teleg.run/veleg )
dma84
На сайте с 21.04.2009
Offline
168
dma84
#1

https://itchief.ru/lessons/html-and-css/css-height-relative-to-its-width

Мемори
На сайте с 11.11.2012
Offline
105
Мемори
#2

появился css флуид-грид, скоро будет всеми браузерами поддерживаться. Он может.

.... (https://vk.com/wall-25740422_190637).. (https://vk.com/wall-8162550_702270).. (https://vk.com/wall115005096_12481).. (https://vk.com/wall-51933859_219362).
dma84
На сайте с 21.04.2009
Offline
168
dma84
#3
Мемори:
появился css флуид-грид, скоро будет всеми браузерами поддерживаться. Он может.

Вот когда будет полная поддержка, тогда многие вопросы отпадут.

Мемори
На сайте с 11.11.2012
Offline
105
Мемори
#4

полной никогда не будет, просто будет 99%, сейчас примерно 90%, Хром и Огнелис и Опера уже держат, UC обещали в след. обновлении. Про микрософт не знаю, но скорее всего будет, т.к. изначально это их идея была...

veleg
На сайте с 30.01.2011
Offline
142
veleg
#5
dma84:
https://itchief.ru/lessons/html-and-css/css-height-relative-to-its-width

padding-top не вариант (именно в моем случае). Параметр высоты блока должен передаваться потом посредство js. То есть, необходимо вычислить именно ширину блока и рассчитать высоту относительно ширины.

veleg
На сайте с 30.01.2011
Offline
142
veleg
#6

Закрыто, сделано.

altezzik
На сайте с 06.11.2011
Offline
247
altezzik
#7
veleg:
Закрыто, сделано.

Ну и какое решение? Может, в будущем пригодится другим.

veleg
На сайте с 30.01.2011
Offline
142
veleg
#8

Родительский блок с размерами добавил. А для адаптивности max-width:100%.

Padding-top в итоге пригодился.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий