[РЕШЕНО] Пользовательский CSS (смартфоны)

Внимание! Если у вас проблемы с регистрацией, пишем сюда свои жалобы.
Если вас что-то не устраивает, вы нашли ошибку или хотите что-то предложить - Пишите сюда, ваша просьба обязательно будет рассмотрена!

Модератор: Модераторы разделов

Ответить
Аватара пользователя
devilr
Сообщения: 3665
ОС: Mandriva => Gentoo (~amd64)
Контактная информация:

[РЕШЕНО] Пользовательский CSS

Сообщение devilr »

Имеется следующий CSS (код не мой, порекомендовали кто-то из местных)

Код: Выделить всё

.postbody {
    float: right;
}
.postprofile {
    float: left;
    border-width: 0 1px 0 0;
}
#qr_postform .message-box {
    width: 99%;
}
@media (min-width: 850px) {
    #qr_postform .fields1 {
        padding-left: 23%;
    } 
}
На компьютере форум отображается без проблем и так, как мне надо. На смартфоне же отсутствует горизонтальная полоса прокрутки у некоторых блоков, в результате чего прочитать текст не возможно.
Если это отключить - на смартфоне станет всё нормально.
Как это можно исправить (в CSS не силён)?
Последний раз редактировалось devilr 18.07.2019 13:13, всего редактировалось 1 раз.
Мудрость приходит с возрастом.
Иногда возраст приходит один.
Эхо разума
Спасибо сказали:
Аватара пользователя
/dev/random
Администратор
Сообщения: 5282
ОС: Gentoo

Re: Пользовательский CSS

Сообщение /dev/random »

Попробуйте всё, что находится вне нижнего блока @media, обернуть в @media (min-width: 701px) { ... }.
Спасибо сказали:
Аватара пользователя
devilr
Сообщения: 3665
ОС: Mandriva => Gentoo (~amd64)
Контактная информация:

Re: Пользовательский CSS

Сообщение devilr »

Помогло. Новый код:

Код: Выделить всё

@media (min-width: 701px) {
.postbody {
    float: right;
}
.postprofile {
    float: left;
    border-width: 0 1px 0 0;
}
#qr_postform .message-box {
    width: 99%;
}
}
@media (min-width: 850px) {
    #qr_postform .fields1 {
        padding-left: 23%;
    } 
}
Мудрость приходит с возрастом.
Иногда возраст приходит один.
Эхо разума
Спасибо сказали:
Ответить