mobilanpassad html

[dick_a]

Har en minimal sida på nätet som trots dess litenhet är möjlig att skrolla i sidled i mobilens webbläsare. Har någon en aning om hur man enkelt mobilanpassar en hemsida just vad det avser att passa in den i den lilla skärmen? Det skulle ju även vara intressant att kunna visa större eller mindre teckensnitt beroende på den mobila enhetens skärmstorlek, men det är inte det viktigaste. Prio 1 är att sidan inte skall vara bredare än skärmbredden.

 

Ha dé gôtt!

 

// Dick

[.M]

Bra början är

<meta name="viewport" content="width=device-width">

som berättar för mobilen hur bred sidan får vara. Dvs inte bredare än skärmen.

 

Sen kan du snegla på dessa css:er. Dom fungerar rätt bra.

http://cssgrid.net/

[dick_a]

Tack!

...men vidden blev ändå större än displayens bredd. Skall kolla css-grejerna senare.

 

// Dick

[Jonas__B]

Sätt aldrig bredder på element annat än 100% och halvor, tredje- och fjärdedelar och floatas.