Responsive design

A list apart har skrivit en grundläggande artikel om ämnet. Poängen i artikeln är att flexible design funkar ner till en skärmupplösning på 800*600. Sen behöver man anpassa css:en för skärmstorleken.
http://www.alistapart.com/articles/responsive-web-design/

Matematisk uträkning av font storlek efter skärmstorlek
En annan lösning är att verkligen speca fontstorlek efter en matematisk uträkning, så att fonten hela tiden scalas upp efter skärmstorlek. Författaren har utgått från storleken 10 px = 1em i iPad- horisontellt läge. Därefter blir fronten 1 px mindre eller större för varje 78 px upp eller ned i skärmstorlek. Intressant approach som jag vill testa.

http://blog.responsivenews.co.uk/post/13925578846/fluid-grids-orientation-resolution-independence

rem istället för em
I ovan nämnda lösning är rem bättre att använda än font storleken em. Vilka browsers som stödjer rem finns listat här. 78% idag.
http://caniuse.com/rem

Hur man anger det i CSS:
http://snook.ca/archives/html_and_css/font-size-with-rem

Etiketter:

Kommentera

Fyll i dina uppgifter nedan eller klicka på en ikon för att logga in:

WordPress.com Logo

Du kommenterar med ditt WordPress.com-konto. Logga ut / Ändra )

Twitter-bild

Du kommenterar med ditt Twitter-konto. Logga ut / Ändra )

Facebook-foto

Du kommenterar med ditt Facebook-konto. Logga ut / Ändra )

Google+ photo

Du kommenterar med ditt Google+-konto. Logga ut / Ändra )

Ansluter till %s


%d bloggare gillar detta: