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
Gerelateerde vragen
- Ik wil graag mijn eerste pc bouwen. Zouden deze onderdelen goed zijn?
- Hoe komt het dat ik op Facebook-Messenger naar de meeste van mijn contacten geen bijlage kan versturen via chat?
- Unable to locate package obs-studio?
- wachtwoorden importeren in microsoft wachtwoord beheer?
- zoek machine optimalisatie, hoe doe je dat?
- Probeer van een oude laptop het besturingssysteem over te zetten op SSD via Clonezilla krijg echter foutboodschap ?
- beste utilities for a windows PC?
- hoe zet ik een VHS band over op PC?