Такое решение бы помогло сделать относительную ширину в изменяемом динамически окне, то есть без обновлений страниц, а адаптивно, но без javascript. К сожалению не существует решения, проценты невозможно задавать бордюру.
НО, есть величины, которые учитываются в бордюре....как ни странно, это vh и vw ))))
Единственная проблема, эти величины полностью игнорируют полосу прокрутки.
Вот что у меня получилось:
.home .top-banner .ban-for-mob:after {
content: '';
display: block;
position: absolute;
border-left: 50vw solid transparent;
border-right: 50vw solid transparent;
border-top: 50px solid #231f20;
border-bottom: 0;
top: 100%;
left: 50%;
margin-left: -50vw;
}
Попробовал в одном проекте, и получилась такая "стрела" к блоку, указывающая на нижний блок, при этом, как видно, адаптируемая.
К сожалению эти величины ещё рано использовать в проектах серьёзных.
https://caniuse.com/#search=vh
И хотя показана поддержка почти всех кроме Opera-mini, тем не менее в России поддержка всего 79.54%, то есть добрых 20% носителей - счастливчики. И кто знает, может именно эти 20% являются абсолютным большинством покупателей/заказчиков ваших товаров/услуг. К примеру, если это студенты. А товары как раз для них. Или на оборот люди за 40 лет, и товары как раз для них. 20% - это 5-я часть от всех пользователей интернета в России....это не мало.
Но эксперимент удачен. Такие величины будут работать с бордюрами и вообще везде, надо лишь дождаться большей поддержки.
