Изменение высоты элемента автоматически при изменении ширины окна

У меня есть некоторые входы, форма которых квадратная (одинаковая высота одинаковой ширины). Их ширина зависит от ширины окна в ответном порядке. Но я хочу, чтобы они тоже автоматически меняли высоту, когда WIDTH окна изменялось, чтобы сохранить квадратную форму.Изменение высоты элемента автоматически при изменении ширины окна

Это поведение существует в CSS или jQuery?

источник

2016-07-13 R01010010

Возможный дубликат [Поддерживать соотношение сторон div с CSS] (http://stackoverflow.com/questions/1495407/maintain-the-aspect-ratio-of-a-div-with-css) –

попробуйте использовать vh для высоты и vw для ширины, иначе использовать% для ширины и высоты в css –

Вы можете добиться этого с помощью jquery resize(). Вам нужно будет получить ширину окна при изменении размера и соответственно настроить ширину и высоту квадратов.

var w = window.innerWidth;

Я создал простой скрипку для вас https://jsfiddle.net/mdoLaxtL/7/. Надеюсь, это поможет.

источник

2016-07-13 12:44:16

Изменение высоты элемента автоматически при изменении ширины окна

ответ

Смежные вопросы