Probleem met @media

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Gijs Anoniem

Gijs Anoniem

03/06/2015 16:42:11
Quote Anchor link
Beste 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.
 
PHP hulp

PHP hulp

05/11/2024 11:45:00
 
Henk de Vriep

Henk de Vriep

03/06/2015 16:48:10
Quote Anchor link
Moet 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
Gewijzigd op 03/06/2015 16:54:30 door Henk de Vriep
 
Ward van der Put
Moderator

Ward van der Put

03/06/2015 18:03:07
Quote Anchor link
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?
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.