Здравствуйте. Верстая страницу столкнулся с задачкой. Шапка должна быть такой - пространство высотой 120рх в которм будет лого и навигация, затем бэкграунд с картинкой, которая должна занимать все оставшееся пространство браузера. Имеем такой код:
<body>
<nav>
<ul>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
</ul>
</nav>
<header>
<div class="logotype">Logotype</div>
<h1>Title</h1>
</header>
</body>
header {
height: calc(100vh - 120px);
background-color: #AAADAE;
background-image: url(background.jpg);
background-size: cover;
background-position: center;
}
nav {
height: 120px;
}
Слышал что с calc в css есть баги в Safari. Какое альтернативное решение предложите? Спасибо
Простой
