Question

У меня есть панель навигации, в которой могут быть длинные заголовки ссылок, они могут содержать не более 25 символов и могут содержать от 2 до 6 ссылок.

Я сделал медиазапросы, чтобы уменьшить размер шрифта (до минимума 10 пикселей, потому что он меньше, чем тот, который невозможно прочитать), а также добавление ссылок для сжатия панели навигации, пока она не окажется в форме свертывания, чтобы избежать разрывов строк. но вы можете делать так много сжатий, пока они не будут выглядеть плохо или обрывы строк.

@media screen and (max-width: 1479px){
    .navbar-nav > li > a {
        font-size:calc(10px + 0.1vw);
    }
}

@media screen and (max-width: 1327px){
    .navbar-nav > li > a {
        font-size:calc(10px + 0.1vw);
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media screen and (max-width: 1220px){
    .navbar-nav > li > a {
        font-size:calc(10px + 0.1vw);
        padding-left: 4px;
        padding-right: 4px;
    }
}

Вот так выглядит моя панель навигации во всю ширину.