Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Для планшета и телефона

Автор: JAYBE 23.12.2013, 16:07

Добрый день.
Сделал вёрстку для ipad'ов - всё ок.
Проверил на планшете - Xperia Table Z c разрешением 1920x1200 - всё в порядке.
Но на телефоне Xperia Z1 с разрешением 1920x1080 - просто ужас. Элементы по размеру показываются как на планшете..
Помогите разобраться....

Вот отрывки кода. Для пущего убеждения я задал ширину и высоту элемента равной разрешению телефона - всё печально.

Код


<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=false" />

Код


@media only screen and (min-device-width : 768px) and (max-device-width : 1920px) and (orientation : landscape) {
    html {
        font-size: 8px;
        height: 768px;
        overflow: hidden;
        width: 1920px;
        height: 1080px;
    }
    .panel.left {
        height: 725px;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1920px) and (orientation : portrait) {