Archief - Responsive media queries: pixels niet helemaal correct

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
F

Fransz

Legacy Member
Ik gebruik deze code:

@media screen and (max-width:450px) {

}


maar de resultaten op mijn iMac (wanneer ik het scherm verklein) zijn niet dezelfde als op mijn iPhone.

Ik doe graag de test online op het groot scherm natuurlijk (telkens stap per stap verkleinen).

Wanneer ik daar bv margin-left: 175px; doe
staat het 'goed' op mijn groot scherm (imac)
maar moet ik op iPhone concluderen dat ik bv margin-left: 100px; moet gebruiken om goed te zijn?

Met als gevolg dat het nadien op het groot scherm (iMac) precies helemaal fout staat.
Nochtans, met google chrome kan je zéér precies verkleinen tot op bv 450px breedte

Wat is het verschil aub? Wat doe ik fout aub?
De code bij het verkleinen van een browser rendert dus niet op dezelfde manier dan op een kleine smartphone met 450px breedte.
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan