Probleem met @media
Gijs Anoniem
03/06/2015 16:42:11Beste mensen,
Ik heb een probleem met mijn css, wanneer ik de @media queries gebruik, werken ze niet.
@media screen and (max-width: 300px) {
body {
display: none;
}
}
Dit is de code die ik gebruik voor het veranderen van de style wanneer een scherm minder dan of gelijk aan 300 pixels heeft.
Ik maak gebruik van de volgende meta data :
<meta name="viewport" content="width=device-width" />
Ik heb van alles gedaan om het te maken, maar niks werkt van mijn pogingen
Alvast bedankt en het zou erg fijn zijn als iemand mij uit kan leggen wat ik over het hoofd zie.
Ik heb een probleem met mijn css, wanneer ik de @media queries gebruik, werken ze niet.
@media screen and (max-width: 300px) {
body {
display: none;
}
}
Dit is de code die ik gebruik voor het veranderen van de style wanneer een scherm minder dan of gelijk aan 300 pixels heeft.
Ik maak gebruik van de volgende meta data :
<meta name="viewport" content="width=device-width" />
Ik heb van alles gedaan om het te maken, maar niks werkt van mijn pogingen
Alvast bedankt en het zou erg fijn zijn als iemand mij uit kan leggen wat ik over het hoofd zie.
PHP hulp
05/11/2024 11:45:00Henk de Vriep
03/06/2015 16:48:10Moet perfect werken, verklein het output schermpje door het grijze balkje naar rechts te slepen:
https://jsfiddle.net/hL5wgs1v/1/ <-- gewijzigd
Misschien overschrijf je het ergens anders? Heb je een online voorbeeld van waar het niet werkt met duidelijke uitleg? Dan kijk ik graag even mee
https://jsfiddle.net/hL5wgs1v/1/ <-- gewijzigd
Misschien overschrijf je het ergens anders? Heb je een online voorbeeld van waar het niet werkt met duidelijke uitleg? Dan kijk ik graag even mee
Gewijzigd op 03/06/2015 16:54:30 door Henk de Vriep
De <body> op display: none zetten klinkt niet heel logisch: die eigenschap wordt overerft, dus wordt alles verborgen. Misschien moet je het een of twee niveaus lager in de HTML-structuur oplossen?