iPhone laadt iPhone CSS niet.

[MoietyMe]

Vandaag ben ik begonnen met het maken van een iPhone versie van mijn website. Nou ben ik daarvoor begonnen met het doorlezen van Apple's Safari Mobile How To's. Daarin staat onderanderen:

How do I conditionally load CSS that I have customized for iPhone?

HTML:

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

Dus dat heb ik keurig netjes in mijn html staan:

HTML:

<link rel="stylesheet" type="text/css" href="css/master.css" />
<link rel="stylesheet" type="text/css" href="css/iphone.css" media="only screen and (device-width: 480px)" />

Inhoud master.css

Cascading Stylesheet:

body {
    margin:0;
    padding:0 5px;
    background:#ccc;
}

h2 {
    cursor:pointer;
}

Inhoud iphone.css

Cascading Stylesheet:

body {
    background:#02469e !important;
}

h2 {
    font-family:helvetica;
}

Alleen verdomd hij het om die css te laden. Je kunt de website/code hier bekijken: iPhone dev.

Wat doe ik hier verkeerd?

[ Voor 13% gewijzigd door MoietyMe op 24-03-2010 13:44 ]

[Tharulerz]

probeer eens max-device-width?

[Luqq]

Misschien stom hoor, maar heeft een iPhone niet een width van 320 en een height van 480?

[ Voor 7% gewijzigd door Luqq op 24-03-2010 13:58 ]

[MoietyMe]

Pfff, wat stom. Tharulerz dat werkte inderdaad.

Wel stom van Apple dat ze dat dan zo op hun website zetten.

Bedankt.

[ Voor 10% gewijzigd door MoietyMe op 24-03-2010 13:59 ]

[Touchdomex]

Stuur dan eventjes een bugreport/verbetering naar Apple. Scheelt andere ook weer topics openen ergens

[Tharulerz]

Luqq schreef op woensdag 24 maart 2010 @ 13:56:
Misschien stom hoor, maar heeft een iPhone niet een width van 320 en een height van 480?

480 Als je hem flipt (scherm is 320x480)

[RM-rf]

Tharulerz schreef op woensdag 24 maart 2010 @ 13:55:
probeer eens max-device-width?

idd geeft Safari Dev Center dat aan ipv 'device-width':
http://developer.apple.co...ef/doc/uid/TP40006517-SW1

[NMe]

Good Fella schreef op woensdag 24 maart 2010 @ 13:59:
Pfff, wat stom. Tharulerz dat werkte inderdaad.

Wel stom van Apple dat ze dat dan zo op hun website zetten.

Bedankt.

Volgens mij werkt wat jij postte ook, maar alleen wanneer je de iPhone tijdens het laden gekanteld hebt.

[MoietyMe]

Touchdomex schreef op woensdag 24 maart 2010 @ 14:00:
Stuur dan eventjes een bugreport/verbetering naar Apple. Scheelt andere ook weer topics openen ergens

Net gedaan
@NMe: wel geprobeert, maar geen resultaat.

[ Voor 8% gewijzigd door MoietyMe op 24-03-2010 14:15 ]

[XzeroD]

NMe schreef op woensdag 24 maart 2010 @ 14:02:
[...]

Volgens mij werkt wat jij postte ook, maar alleen wanneer je de iPhone tijdens het laden gekanteld hebt.

Dat werkt ook niet, je moet echt de max-device-width of de min-device-width hebben.