is er een html code voor een site dat hij automatisch aan het scherm aanpast

Ik ga mijn antwoord in een aantal delen opdelen, er zijn een aantal dingen die je kunt doen.

1 liquid design.

liquid betekent vloeibaar. Liquid design betekent dus, dat je site zich over de beschikbare oppervlakte verspreidt, zoals een vloeistof als water dat zou doen, en niet altijd dezelfde grootte behoudt als een baksteen. Je doet dat door je groottes in css, in relatieve waarden in te geven, de makkelijkste daarvoor is percentage (%).

let hierbij wel op, als je een element een breedte van 30% geeft, en een padding van 5%, dan neemt hij in totaal 40% op. Je kunt echter in css3 de manier van interpretatie aanpassen, zodat padding, margin en border in de breedte en hoogte worden meegerekend.

2 media queries.

Dit ben ik zelf nog aan het leren, maar google het maar eens, en je zult er veel resultaten krijgen. Met media queries, kun je de browser vragen welke dimensies het scherm of het venster heeft, en afhankelijk daarvan andere stylesheets gebruiken. Dit is handig, als je bijvoorbeeld een grote banner bovenaan je site hebt staan. Voor een gewoon scherm is dat geen probleem, maar op een iPhone moet je daar eerst voorbij scrollen voordat je aan de eigenlijke content van de site kan, wat vaak storend is.