Afbeelding te breed weergegeven op smartphone

Status
Niet open voor verdere reacties.

Jorisvh

Gebruiker
Lid geworden
18 mrt 2009
Berichten
78
Zie: https://welenhoecktest2.weebly.com/
De afbeelding met die vlinders bovenaan waarop "WELENHOECK" staat wordt te breed weergegeven op een smartphone. Hoe kan die automatisch aangepast worden zodat die wel volledig wordt weergegeven over de hele breedte van het scherm? Nu is maar een deel van die afbeelding zichtbaar. behalve als ik horizontaal scroll. Ik wil niet meer kunnen scrollen. Maar bij het draaien van het scherm moet deze ook over de breedte van het scherm weergegeven worden.
Hoe kan ik dit doen?
 
Ik heb nog niet in de HTML-code gekeken, maar ik zou de breedte op 100% zetten.
 
Lukt het als je dit vlak boven </head> zet.
Code:
<style type="text/css">
#imgkop {
  display: block;
  width: 100%;
  height: auto;
  border: 0;
}
#sitetitel {
  font-size: 8vw; /*6em*/
}
</style>
Laat maar weten als je hierover nog een vraag hebt.
Suc6. Have fun.
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan