Fick ett litet uppdrag förra veckan, det var att göra en enkel hemsida för mobiler. Det var ganska kul, då jag aldrig gjort något primärt för dessa. Något som jag dock ganska tidigt sprang på patrull för var dock den begränsande hårdvaran.
En annan sak som jag hittade var att olika mobiler har ju olika upplösning, vad det resulterade i är mer än självklart. Hittade dock en mycket enkel lösning för det.
Denna meta-tag stänger av användarens möjlighet att zooma och ställer in vilken skala som sidan ska visas med.
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=0;" />
En annan sak som jag kom att tänka på är att när man har en mobil sida så vill man ju själv kontrollera när användarna kommer in på den. Det betyder bland annat att man inte vill att sökmotorer ska indexera sidan. Det kan man stänga av väldigt enkelt med följande meta-tag.
<META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">
Kewl! I’ll keep this in mind for potential later things ^^
If you have potential later things with use for this post I’d be interested in hearing about it.