CS skärmbredd
Från Skolbok
Anta att du gör en sida som man lätt skall komma åt med en iphone, då har du helt plötsligt två nya saker att ta hänsyn till: Skall man se din sida på höjden eller på bredden i telefonen? En iPhone har t.ex. en standardbredd på 480 x 320 pixel med 163 ppi upplösning. Hur hanterar du det rent kodmässigt? Enklast är att du har ett menyval för användarna där du i förväg gjort i ordning alternativen iPhone, Galaxy tab, iPad osv. och när användarna klickat i det de använder lägger du till rätt bredd på det som visas på skärmen. Höjden ger sig själv eftersom användaren kan scrolla upp och ner i innehållet.
Koden för en bestämd bredd skapas med en div-tagg och css style. För ett fast 320 pixels bred skärm kan du skriva:
<div style="width:320px"> <b>Allt innehåll här styrs av den bredd du angett i div-taggen.</b> </div>