При создании кругового меню столкнулся с проблемой того что контейнер для меню со свойством position: relative;
при уменьшении экрана выходит за границы области для него предназначенной (находится все это в системе сеток bootstrap3
). Подскажите пожалуйста, как это предотвратить?
Ширина и высота заданы в vmin
так как требуется соблюсти пропорции квадрата.
<nav class="circle-menu">
, т.к. у него фиксированная ширина. Колонка сетки Bootstrap соответственно уменьшается при ресайзе экрана, т.к. ширина у нее в процентах, но сама колонка никак не будет урезать дочерний элемент с фиксированной шириной. Если ширина дочернего элемента задана в абсолютных единицах (не auto), то она не будет зависеть от родителя.vmin
в вашем случае? Это привязка к размеру экрана или просто для сохранения формы квадрата?