Mobilvalidering

Här är mitt resultat av att ha gått in i utvecklarläget och testat att använda surfplatta och mobil.

Google Chrome

Mozilla Firefox

Validering

Som man kan se är min sida självklart inte mobilanpassad. På både Google och Firefox är mobilvyn alldeles för inzoomad, vilket gör det otrevligt att navigera runt. Av någon anledning är det mer inzoomat på google än det är på Firefox. På surfplattorna är det lättare att navigera runt, eftersom texten tar upp en mycket mindre del av skärmen, däremot är det fortfarande inte optimalt. På surfplattan ser de olika webbläsarna mycket lika ut.

Problemet ligger i att huvudcontainern på min sida har en fast bredd i pixlar, vilket leder till att den är flera gånger större än viewporten på mobilen. Jag har kikat runt i CSS och hittat att man kan ändra olika CSS-värden beroende på skärmens storlek. Detta gör det möjligt att byta stil ifall skärmen blir smal, alltså att man är inne på mobil.

Skogssidan

Som vi ser är den inte heller mobilanpassad eftersom texten passar inte in i skärmen. Den skulle man kunna fixa genom att bl.a. begränsa texten till storleken av viewporten. Jag håller inte med valideraren i att texten är för liten, för själv tycker jag att den är en bra storlek.