Spørgsmål til Responsive Design
HejsaJeg forsøger at lave en Responsive header i HTML & CSS, men har lidt problem med at få det til at virke eller forstå om det er rigtigt det jeg gør.
Jeg har lånt et responsive framework fra w3schools.com til opgaven.
http://www.w3schools.com/css/css_rwd_intro.asp
Det jeg ikke er helt med på er at headerens height ikke resizer efter størrelsen på skærmen.
Jeg har lagt et background image ind i headeren og billedet ser ud til at resize, men selve header blokken forbliver i den height størrelse som er angivet i px (nok fordi den netop er angivet i px).
Jeg er vel nød til at angive header blokken i % men har ikke kunnet få det til at virke???
f.eks kan man, hvis man ser siden på en iPad i Portrait mode, se det resizede billedet, men header blokken stikker ud nedenfor.
Er det normalt i Responsive Desingn at man kun arbejder med dynamisk width og at height angives fast størrelse.
Jeg har ikke kunnet finde noget på nettet om dette.
Min koder ser så dan ud.
[b]HTML
<body>
<header class="row">
<div class="col-12"> </div>
</header>
</body>
[b]CSS
header
{
background-color: black;
height: 300px;
width: 100%;
}
.col-12
{
background-image: url(../IMAGES/Banners/BannerHeiking650.jpg);
background-size: 100%;
background-repeat: no-repeat;
height: inherit;
}
/Flemming