Just nu i M3-nätverket
Gå till innehåll
dick_a

mobilanpassad html

Rekommendera Poster

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

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser
.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/

Redigerad av .M

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser
dick_a

Tack!

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

 

// Dick

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser
Jonas__B

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

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Skapa ett konto eller logga in för att kommentera

Du måste vara medlem för att kunna kommentera

Skapa ett konto

Skapa ett nytt konto på vårt forum. Det är lätt!

Registrera ett nytt konto

Logga in

Redan medlem? Logga in här.

Logga in nu



×
×
  • Skapa nytt...