Hej kloge hoveder,
Efter en del soegen forstaar jeg stadig ikke CSS media queries, og hvordan de bruges til at haandtere mobile devices. Jeg har en side, der bestaar af en centreret spalte med en max-width paa 960px, og selve body har min-width 600px. Det fungerer fint med vinduer af forskellig bredde paa PC, men paa mobile devices opfoerer indholdet sig som om, spalten var 960px bred. Spalten fylder (korrekt) hele skaermens bredde, men jeg er interesseret i, at den logiske bredde bliver mindre, saa indholdet bliver stoerre paa skaermen. Jeg taenker, at loesningen er at saette width af body til 600px paa smaa skaerme, men hvordan tjekker jeg bedst, om der er tale om en mobil eller lignende? Test af DPI? Jeg kan se, at max-width-query'en ofte bliver foreslaaet, og jeg har (naivt) forsoegt med @media (max-width: 480px) som i flere eksempler -- i haabet om, at max-width henviser til den foreslaaede bredde -- men det virker ikke, formentligt fordi bredden bliver 960px (og saa scalet til at fylde hele skaermens bredde).
Jeg overser sikkert noget aabenlyst, men baer lige over med mig. :) Tak!
--
Gæstebruger, opret dit eget
login og få din egen signatur.