Avatar billede doggy82 Praktikant
27. oktober 2010 - 16:33 Der er 1 kommentar og
1 løsning

Separat css til desktop og iPhone

Hej!

Jeg leger lidt med at lave website optimeret til iPhone. Jeg har fundet koden nedenfor, men den tilføjer et style-sheet til det eksisterende sheet.

Det jeg vil er at have to helt separate css-filer! En med css til desktops og en med css til iPhone

Kan nogen hjælpe? Takker!


<link rel="stylesheet" type="text/css" href="blogstyle.css" />

<link media="only screen and (max-device-width: 480px)" rel="stylesheet" type="text/css" href="iphone.css" />
Avatar billede wanze Nybegynder
27. oktober 2010 - 18:54 #1
screen betyder computerskærm, men alligevel bliver den ikke indlæst i nogen af mine browsere pga. max-device-width.

Så på din computer burde den sådan set ikke blive indlæst - så gør din browser i hvert fald noget dumt.

Men det egentlige problem består i, at du ikke skal bruge screen, men handheld.
Avatar billede doggy82 Praktikant
28. oktober 2010 - 08:31 #2
Jo man skal faktisk bruge screen til iPhone. Anyway, jeg har selv fundet ud af det:

<link media="screen and (min-device-width: 481px)" rel="stylesheet" type="text/css" href="blogstyle.css" />

<link media="only screen and (max-device-width: 480px)" rel="stylesheet" type="text/css" href="iphone.css" />
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester