Верстка под iPad. Использование CSS


Верстка под iPad сегодня уже является стандартом, и достаточно часто требуется при создании относительно крупных проектов. Если верстка является кроссбраузерной, то значит и на мобильных девайсах она будет отображаться «почти» правильно. Чтобы слово «почти» заменить на «всегда», без ущерба для отображения сайта на компьютере, мы будем использовать следующие ориентации для iPad:

1. Для горизонтальной (ландшафтной) ориентации:

@media only screen and (max-device-width: 1024px)
and (orientation:landscape) { 
    /* Между этими фигурными скобками пишем стили */
    #ulArticles li {margin-right:12px;} 
}

2. Для вертикальной (портретной) ориентации:

@media only screen and (max-device-width: 1024px)
and (orientation:portrait) { 
    /* Между этими фигурными скобками пишем стили */
    #ulArticles li {margin-right:12px;}
}

One thought on “Верстка под iPad. Использование CSS

Comments are closed.