Я пытаюсь реализовать альтернативные макеты как для iPad / iPhone, так и для старых iPhone.
Я установил, что лучший метод - использовать @media
из спецификации CSS3.
Вот мои медиа-запросы на данный момент:
@media screen and (max-width: 1000px) { ... }
Выше для маленьких экранов настольных компьютеров и ноутбуков.
@media screen and (max-width: 700px) { ... }
Выше для iPad и ОЧЕНЬ маленьких экранов настольных компьютеров / ноутбуков.
@media screen and (max-device-width: 480px) { ... }
Выше для iPhone 3GS и мобильных устройств в целом. 3GS и другие мобильные устройства в тех же стилях?