CSS media queries для IPad
При достаточно сложной верстке приходится затачивать некоторые детали под специфику разных устройств. Естественно, в первых рядах идут устройства Apple. Следующие media queries позволят прописать CSS правила для IPad, в том числе с учетом ориентации экрана.
1 2 3 4 5 6 7 8 9 10 11 | @media only screen and (device-width: 768px) { /* Для iPad общие правила */ } @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) { /* Для портретного (вертикального) отображения */ } @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) { /* Для ландшафтного (горизонтального) отображения */ } |