Witam, przyszło mi wrócić do strony internetowej, napisanej w bootstrap, chcę dodać na niej podstronę składającą się z gotowych grafik, które muszą zmieniać rozmiar w zależności od szerokości ekranu. Kod na tej podstronie wygląda tak:
<?php include('head.php');?>
<body>
<!--BILLBOARD -->
<?php include('billboard.php');?>
<div style="background: url(img/cube/CubeA.jpg); background-size: contain; min-height:970px;">
</div>
<?php include('footer.php');?>
</body>
</html>
Nie ustawiając minimalnej wysokości, grafiki nie widać wcale, a ustawienie minimalnej sprawia, że gdy zmienia się szerokość ekranu, grafika też się skaluje, ale wysokośc diva jest stała i pojawia się kolejne tło, gdy wysokośc grafiki jest mniejsza niż 970px. W jaki sposób można to poprawnie rozwiązać? Pozdrawiam.