Ik zal even vertellen hoe het zit, want heb al een hele scherpe versie in ontwikkeling.
De iPad werk alleen met een fluid design waar gewerkt wordt met percentages i.p.v. pixels.
De iPad heeft in potrait een resolutie van 768x1024 en in landscape een resolutie van 1024X768.
Wil je het dus goed doen dan moet je voor de iPad voor beide liggingen een aparte CSS maken.
Nu ga ik voor macfreak alleen landscape ondersteunen omdat onze website breeder is als 768px.
Daardat wij alleen met 100% werken en geen wrapper om geheel een hebben weet de iPad niet de
maximale resolutie en kan hij het niet strak trekken. Nu heb ik ervoor gezorgt, met een wrapper div, dat de iPad een (max)breedte heeft van 1024px en een mac een (max)breedte heeft van 1024px.
Tevens heb ik een content div gemaakt die voor de mac 1024px breed is dus alles behalve menu wordt gecentreerd. Dus heb je niet meer van de grote lege vlakken als je groot scherm gebruikt.
Hier wat achtergrond info.
Tevens ben ik gifjes (72DPI) aan omzetten naar png (300DPI), maar maakt voor scherpstellen van iPad niet uit.
Dit weekeinde gaat dit online, dus nog even geduld.