Stef schreef:Wanneer ik in element inspecteren met device toolbar een mobiel apparaat gebruik dan komt de pagina perfect responsive op mijn scherm.1Eerdere citaten tonen
Jponsen schreef:Ik heb een bestand dat responsive.css heet en gebruik daar de volgende media queries:Eerdere citaten tonen
Stef schreef:Een beetje vreemd:
Codeblok (style.css):
2
3
4
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2) {
Maar wanneer ik de browser resize gaat alles op een hoopje door elkaar staan. Hoe kan dit?
Dat komt door [c](-webkit-min-device-pixel-ratio: 2)[/c]. Je vereist hier dat het ten minste een retina scherm is. Beter is om je media queries af te vangen op schermgrootte en het pixel-radio stuk achterwegen te laten.
Ik gebruik nu de volgende media query:
Codeblok (responsive.css):
1
2
3
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px) {
En heb nogsteeds het zelfde probleem: in device toolbar geeft het de mobiele website weer, maar wanneer ik mijn browser resize niet. Iemand nog ideeën?
Je moet min-width en max-width hebben. min-device-width is de width van je device en verandert dus niet (tenzij je je telefoon draait ofzo).
Thanks! Zal het dadelijk proberen 

). De videokaart lijkt er gewoon goed op te zitten en alle stekkertjes zitten goed vast.

)