- iPad - 1024 x 768
- LG Pad - 1280 x 768
- Galaxy Tab - 1280 x 800
Я хочу настроить iPad только с использованием медиа-запросов CSS3. Так как ширина устройства LG и iPad равна 768px - у меня возникают проблемы с разделением каждого устройства.
Я пробовал следующий разделить, но, похоже, не работает:
@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 для стилей, любые идеи?