Нашел css код который даёт нам резиновый квадрат с фиксированными пропорциями. т.е. квадрат остаётся квадратом как мы бы не изменяли ширину бразура. Я не могу понять, почему див в значение высоты принимает значение ширины?
div {
width: 50%;
/* Задаём ширину */
margin: auto;
/* Размещаем по цетру */
background: silver;
/* Задаём фон */
overflow: hidden;
/* Скрываем всё, что выходит за границы*/
}
div:before {
/* Добавляем свойства в конец элемента */
content: "";
padding-top: 100%;
/* Отступ сверху */
float: left;
/* Приковываем к левому краю */
}
<div></div>