2011

Omflöda HTML-layout med CSS

Det är ju fantastiskt när man lär sig nya saker. Här för leden upptäckte jag att man i CSS kan ange för vilken max- eller minimibredd - för en visningsyta - ett mediedirektiv ska gälla. Mediedirektiv i CSS anger för vilken typ av visingsläge CSS-koden ska gälla. T ex all gäller för alla typer, screen för skärmar, print för utskrifter o s v. Men i o m att CSS3 är på frammarsch så kan man också ange för vilken bredd på visningsytan CSS-koden ska gälla. Detta är ju framför allt användbart för att anpassa layouten för t ex mobiltelefoner som generellt har en lägre upplösning än vanliga datorer, och dessutom tittar man ofta i telefonen i stående utsnitt till skillnad från en vanlig datorskärm som är liggande.

Men det slog mig att man lika gärna kan använda mediadirektiven för att flöda om layouten beroende på hur brett webbläsarfönstret är även för en vanlig webbläsare på en vanlig dator.