Медиа-запрос CSS для таргетинга только на iPad и iPad?

Привет, я работаю с несколькими планшетными устройствами, iPad, Galaxy Tab, Acer Iconia, LG 3D Pad и так далее.

  • iPad - 1024 x 768
  • LG Pad - 1280 x 768
  • Galaxy Tab - 1280 x 800

Я хочу настроить таргетинг на iPad только с помощью медиа-запроса CSS3. Поскольку ширина устройства LG и iPad одинакова 768 пикселей, у меня возникают проблемы с разделением каждого устройства.

Я пытался выполнить следующие действия для разделения, но, похоже, не работает:

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait) /* applied to lg also */
@media only screen and (min-resolution: 132dpi) and (max-device-width: 1024px) and (orientation : portrait) /* applies to lg also */
@media only screen and (device-aspect-ratio: 1024/768) and (orientation : portrait) /* does not work on iPad or LG */

Я не знаю параметры -webkit-device-pixel-ratio и другие параметры -webkit * и их значения для таргетинга на iPad. Я не хочу использовать JavaScript для стилей, какие-нибудь идеи?

67
задан BoltClock 25 November 2011 в 15:58
поделиться