[Løst] Responsiv design kode ?

[Mazå]

Noen som veit hvordan man kan få websida Responsiv design? (tilpasser seg hva du sitter meg, pc,nettbrett,mobil)

 

 

Takk på forhånd:D

[cronbach alpha]

Du kan benytte % tegn i CCS for width og hight (for eks, width: 5%). Men du kan også få plasserings problemer med å benytte dette der ting lever sitt eget liv. Om du bruker %-tegn vil jeg anbefale å bruke en clear klasse i CSS slik at man fjerner resterende plass som eventuelt ville være igjen etter f.eks en ramme, osv. Under ser du for eksempel hvordan en clear klasse kan se ut i CSS.

 

.clear{
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

[affe90]

Det finnes et genialt, gratis bibliotek for nettopp dette du spør etter:

Twitter Boostrap.

 

Veldig enkelt å sette seg inn i, og utrolig godt dokumentert. Det er også støtte for fluid grid system og gridsystem, noe som gjør det enkelt å sette opp responsivt kolonnesystem.

 

http://twitter.github.io/bootstrap/

[Zt]

Les deg opp på css media queries.

 

http://blog.teamtreehouse.com/beginners-guide-to-responsive-web-design

[Mazå]

Takk for hjelpa

[andreasn]

NRK Beta la ut en bloggpost om dette i dag.