Teknologeekerier – iPad CSS

Nu när apple har släppt sin nya iPad, kommer folk att köpa den även då den verkar vara crap.

Så då måste man nog som designer och utvecklare börja lägga till lite fler layouts och stylesheets, nog för att man inte behöver oroa sig över att göra en helt ny UI för den som har en smartphone,

Men med hjälp av CSS Media Queries har vi tidigare anpassat css för Iphones och Androids:

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

Och igen har vi nya CSS Media Queries för iPaden:

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

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

Och om du nu utvecklat för iPhones och Androids förut så känner du säker till att safari tycker om att krympa din sida, och kringgått det med metatagen viewport

<meta name=”viewport” content=”width=device-width; initial-scale=1.0;” />

Så i grund och botten är det inte så svårt, bara en hel del css kodande efteråt.