VPF::Для планшета и телефона - Форум программистов

JAYBE

Дата 23.12.2013, 16:07 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 220
Регистрация: 27.3.2008

Репутация: 1
Всего: 0

Добрый день.
Сделал вёрстку для 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) {

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »