Underdoggit
@Underdoggit

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

Всем привет, сделал круг https://codepen.io/goreska/pen/jjQXZB - внутри черного круга будет контент, который будет переключаться при клике на красные круги-переключатели, как сделать что бы внешнее кольцо на экранах планшета немного сжималось(когда задаю высоту в процентах - ничего не происходит). Плюс не ломало красные переключатели которые находятся на орбите внешнего dotted круга.
  • Вопрос задан
  • 107 просмотров
Решения вопроса 1
profesor08
@profesor08 Куратор тега CSS
Чтоб растянуть равномерно и пропорционально по высоте относительно ширины, надо задать padding в процентах.
padding-top: 100% - получится квадрат со стороной равной ширине контейнера.
Подробнее тут: https://css-tricks.com/aspect-ratio-boxes/
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
22 июл. 2019, в 18:33
200 руб./за проект
22 июл. 2019, в 18:28
10000 руб./за проект