Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord
Internet & hosting

Hoe stel ik de viewport juist in?

Hallo allemaal, Ik bouw websites, puur hobbymatig, met WYSIWYG 11 van Pablo softwaresollutions. Daar zit een functie in om automatisch de viewport metatag toe te voegen. Toch komt het voor dat ik een site bouw van 1250 px breed, die ik met geen mogelijkheid passend in een tablet of mobielscherm krijg. Ook begrijp ik de verschillende soorten viewport instelling niet (user adjustable, of juist niet. welke breedte geef ik op. en hoe zit het met de zoom) In het beste geval krijg ik of een pagina met horizontale scrollbalk of een pagina geheel ingezoomd op de linker boven hoek. En heeft anders iemand een link naar een goede duidelijke nederlandse uitleg?

1 antwoord
    • +
    • 0
    • -
    Viewport doe ik meestal zo:

    HTML:

    <meta name="viewport" content="width=device-width, initial-scale=1,0" />

    CSS:

    Schermen groter dan … pixels:
    @media only screen and (min-width: 480px) {
    /* Hier CSS code */
    }

    Schermen kleiner dan … pixels:
    @media only screen and (max-width: 479px) {
    /* Hier CSS code */
    }

    Hopelijk heb je hier wat aan.
    Als je er niet uitkomt, laat het ff weten.

Beantwoord deze vraag