Hier staat een website waar ik nu mee bezig ben:
De foto van de kapsalon is over de gehele breedte zichtbaar als ik hem bekijk op mijn imac.
Als ik hem echter op mijn telefoon bekijk zie ik alleen de linkerkant van de foto.
Ik wil graag dat de foto 1 op 1 meeschaalt. Dus dat de hele foto ook te zien is op mijn telefoon.
Zie bijlage
Dit staat er nu bij de bestreffende css:
.agile-banner2{
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
min-height: 500px;
background-image: url(../images/studio2.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
}
De foto van de kapsalon is over de gehele breedte zichtbaar als ik hem bekijk op mijn imac.
Als ik hem echter op mijn telefoon bekijk zie ik alleen de linkerkant van de foto.
Ik wil graag dat de foto 1 op 1 meeschaalt. Dus dat de hele foto ook te zien is op mijn telefoon.
Zie bijlage
Dit staat er nu bij de bestreffende css:
.agile-banner2{
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
min-height: 500px;
background-image: url(../images/studio2.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
}
Laatst bewerkt: