CSS Ipad/Iphone

[Dimethyltryptamine]

Sitter og fikler med en egen css for når ipad er i landskap modus og når den er stående.

 

Etter litt rask googeling fant jeg denne siden

 

http://www.cloudfour.com/ipad-css/

 

<link rel="stylesheet" media="all and (orientation:portrait)" href="portrait.css">
<link rel="stylesheet" media="all and (orientation:landscape)" href="landscape.css">

 

 

Er det noen måte jeg kan gjøre det så de kun blir aktivert når man besøker siden via en ipad eller iphone?

 

 

Sånn det virker nå så endrer det seg forløpende når du endre størrelsen på nettleseren.

 

EDIT: Link

Endret 18. november 2010 av lordbost

[Dimethyltryptamine]

Løste det med å lage en en egen side for ipad og en for iphone

(itest.html og itest2.html)

 

og en redirect på index siden

 

<script type="text/javascript"> // <![CDATA[
if (((navigator.userAgent.indexOf('iPad') != -1)) {
	document.location = "http://www.lordbost.com/start/itest.html";
} // ]]>
</script> 

<script type="text/javascript"> // <![CDATA[
if ((navigator.userAgent.indexOf('iPhone') != -1) || (navigator.userAgent.indexOf('iPod') != -1)) {
	document.location = "http://www.lordbost.com/start/itest2.html";
} // ]]>
</script> 

Endret 19. november 2010 av lordbost

[Runar]

Istedenfor å bruke javascript og forskjellige filer, kan du jo ta en titt på dette.

[masb]

Er en del artikler på nettet om CCS3 media queries du kanskje kan ta en titt på.