Уважаемые пользователи!
C 7 ноября 2020 года phpBB Group прекратила выпуск обновлений и завершила дальнейшее развитие phpBB версии 3.2.
С 1 августа 2024 года phpBB Group прекращает поддержку phpBB 3.2 на официальном сайте.
Сайт официальной русской поддержки phpBB Guru продолжит поддержку phpBB 3.2 до 31 декабря 2024 года.
С учетом этого, настоятельно рекомендуется обновить конференции до версии 3.3.

Subsilver Не работают медиа запросы

Есть любые вопросы, связанные со стилями/темами для phpBB 3.0.x? Задайте их здесь!
Правила форума
Местная Конституция | Шаблон запроса | Документация (phpBB3) | Переход на 3.0.6 и выше | FAQ-3 (phpbb3) | Как задавать вопросы | Как устанавливать моды

Ваш вопрос может быть удален без объяснения причин, если на него есть ответы по приведённым ссылкам (а вы рискуете получить предупреждение ;) ).
Upramui
phpBB 2.0.0
Сообщения: 233
Стаж: 11 лет 7 месяцев
Откуда: Украина
Благодарил (а): 25 раз
Поблагодарили: 3 раза

Subsilver Не работают медиа запросы

Сообщение Upramui »

Такая проблемма. Хочу добавить медиа запрос для увеличения шрифта при просмотре с мобильных браузеров. Для пробы попробывал изменить размер описания форума.
В шаблоне хедера было так:

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

<span class="gen">{SITE_DESCRIPTION}</span>
Прописал новый класс в стилевом файле с медиа запросом. Такого вида:

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

.minmax{
font-size: 1.5em;
color: #989CA1;
}

@media all and (max-width: 360px) {
.minmax {
        font-size: 2.8em;
    }
}
В шаблоне строку заменил такой:

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

<span class="minmax">{SITE_DESCRIPTION}</span>
В итоге, после очистки кеша это не работает. Шрифт вообще уменьшился до минимума.
Аватара пользователя
Sumanai
phpBB 3.0.0 RC5
Сообщения: 1668
Стаж: 9 лет 4 месяца
Благодарил (а): 267 раз
Поблагодарили: 216 раз
Контактная информация:

Re: Subsilver Не работают медиа запросы

Сообщение Sumanai »

Мобильные и сабсилвер несовместимы генетически.
Upramui
phpBB 2.0.0
Сообщения: 233
Стаж: 11 лет 7 месяцев
Откуда: Украина
Благодарил (а): 25 раз
Поблагодарили: 3 раза

Re: Subsilver Не работают медиа запросы

Сообщение Upramui »

Sumanai писал(а): Мобильные и сабсилвер несовместимы генетически.
Тут же дело не в самом Сабе (я так думаю). Медиа запрос написан в Stylesheet, а в табличную вёрстку выведен лишь класс.
Аватара пользователя
Siava
Поддержка
Поддержка
Сообщения: 5270
Стаж: 19 лет 2 месяца
Откуда: Питер
Благодарил (а): 188 раз
Поблагодарили: 800 раз
Контактная информация:

Re: Subsilver Не работают медиа запросы

Сообщение Siava »

Ещё надо в <head> добавить

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

<meta name="viewport" content="width=device-width, initial-scale=1" />
Еще одно нарушение правил и будете забанены. © Mr. Anderson
Ты очистил кеш? © Sheer
https://siava.ru (phpbb 2.0.x 3.5.x)
Upramui
phpBB 2.0.0
Сообщения: 233
Стаж: 11 лет 7 месяцев
Откуда: Украина
Благодарил (а): 25 раз
Поблагодарили: 3 раза

Re: Subsilver Не работают медиа запросы

Сообщение Upramui »

Siava писал(а): Ещё надо в <head> добавить
Это сделано ещё полгода назад. Этот метатег не влияет напрямую на размер шрифтов.
Upramui
phpBB 2.0.0
Сообщения: 233
Стаж: 11 лет 7 месяцев
Откуда: Украина
Благодарил (а): 25 раз
Поблагодарили: 3 раза

Re: Subsilver Не работают медиа запросы

Сообщение Upramui »

И тишина...
Аватара пользователя
Татьяна5
Поддержка
Поддержка
Сообщения: 12372
Стаж: 12 лет 7 месяцев
Благодарил (а): 223 раза
Поблагодарили: 3517 раз
Контактная информация:

Re: Subsilver Не работают медиа запросы

Сообщение Татьяна5 »

Значит ширина экрана мобильника больше или равна 360px. Плюс css кешируется на мобильниках иногда надёжно
Upramui
phpBB 2.0.0
Сообщения: 233
Стаж: 11 лет 7 месяцев
Откуда: Украина
Благодарил (а): 25 раз
Поблагодарили: 3 раза

Re: Subsilver Не работают медиа запросы

Сообщение Upramui »

Татьяна5 писал(а):Плюс css кешируется на мобильниках иногда надёжно
У мну мобила кеш чистился. А смотрю ещё, контролирую, вот, кеш очищается через 30 секунд https://developers.google.com/speed/pagespeed/insights/
Татьяна5 писал(а): Значит ширина экрана мобильника больше или равна 360px.
Я менял разрешения вплоть до 1024. Не работает. Для меня это загадка.
Последний раз редактировалось Upramui 09.09.2016 15:41, всего редактировалось 1 раз.
Аватара пользователя
Татьяна5
Поддержка
Поддержка
Сообщения: 12372
Стаж: 12 лет 7 месяцев
Благодарил (а): 223 раза
Поблагодарили: 3517 раз
Контактная информация:

Re: Subsilver Не работают медиа запросы

Сообщение Татьяна5 »

Upramui писал(а): вплоть до 1024
При 1024 медиа сработать не должен. Там ведь написано, что сработает при 360px и меньше (плюс/минус пикселей 20, в зависимости от браузера)
Upramui
phpBB 2.0.0
Сообщения: 233
Стаж: 11 лет 7 месяцев
Откуда: Украина
Благодарил (а): 25 раз
Поблагодарили: 3 раза

Re: Subsilver Не работают медиа запросы

Сообщение Upramui »

Татьяна5 писал(а): При 1024 медиа сработать не должен.
Знаю. Я пошагово перебирал разрешения-360, 680, 800, 1024. Это или какой-то косяк сервера, или действительно не работают медиа запросы в табличной вёрстке вообще.
Аватара пользователя
Татьяна5
Поддержка
Поддержка
Сообщения: 12372
Стаж: 12 лет 7 месяцев
Благодарил (а): 223 раза
Поблагодарили: 3517 раз
Контактная информация:

Re: Subsilver Не работают медиа запросы

Сообщение Татьяна5 »

Дело в том, что запрос (max-width: 360px) не должен работать при указанных разрешениях. А вот при разрешении меньшем 360px (от 359 до 340, смотря насколько точно браузер определит) - должен сработать. Но при таких разрешениях запрос не проверялся
Upramui
phpBB 2.0.0
Сообщения: 233
Стаж: 11 лет 7 месяцев
Откуда: Украина
Благодарил (а): 25 раз
Поблагодарили: 3 раза

Re: Subsilver Не работают медиа запросы

Сообщение Upramui »

Татьяна5 писал(а): Дело в том, что запрос (max-width: 360px) не должен работать при указанных разрешениях. А вот при разрешении меньшем 360px (от 359 до 340, смотря насколько точно браузер определит) - должен сработать. Но при таких разрешениях запрос не проверялся
Изменить на

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

min-with
?
Аватара пользователя
Sheer
Former team member
Сообщения: 12113
Стаж: 17 лет 1 месяц
Откуда: Калининград не Кенигсберг
Благодарил (а): 54 раза
Поблагодарили: 2752 раза
Контактная информация:

Re: Subsilver Не работают медиа запросы

Сообщение Sheer »

Upramui, В современных браузерах есть возможность посмотреть, как ведет себя страница при различных разрешениях экрана устройства, например
console_1.jpg
Отсюда видно, что свойство для блока

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

<dl class="postprofile" id="profile491556">
у которого задан классpostprofile такие
float: left;
width: 22%;
border-left: none;
border-right: 1px solid #e5e5e5;
но они подменяются другими, если ширина устройства меньше 700px
float: none;
width: auto;
border-right: none;
Если кликнуть по строчке в правилах scc, то откроется исходный код css
console_2.jpg

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

@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
	.leftsided div.postbody {
		float: none;
		width: auto;
	}
	.leftsided .postprofile {
		float: none;
		width: auto;
		border-right: none;
	}
	.leftsided .pm .postprofile {
		border-right: none;
	}
	.leftsided .postprofile dd, .leftsided .postprofile dt {
		margin: 0;
	}
}
Возможно ваше правило находится в неправильном месте, и оно перекрывается другим, тогда нужно или переместить его в css или использовать ключевое слово !important, чтобы повысить приоритет объявленного правила, например

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

@media all and (max-width: 360px) {
.minmax {
        font-size: 2.8em !important;
    }
}
Еще более правильным решением будет переход на 3.1.х и порядочный стиль.
Изображение
Общие ошибки новичков (07.11.2005) & Как задавать вопросы
Мини FAQ
Если ничто другое не помогает, прочтите, наконец, инструкцию!
"Никакая инструкция не может перечислить всех обязанностей должностного лица, предусмотреть все отдельные случаи и дать вперёд соответствующие указания, а поэтому господа инженеры должны проявить инициативу и, руководствуясь знаниями своей специальности и пользой дела, принять все усилия для оправдания своего назначения".
Циркуляр Морского технического комитета №15 от 29.11.1910 г.
Upramui
phpBB 2.0.0
Сообщения: 233
Стаж: 11 лет 7 месяцев
Откуда: Украина
Благодарил (а): 25 раз
Поблагодарили: 3 раза

Re: Subsilver Не работают медиа запросы

Сообщение Upramui »

Sheer писал(а): Возможно ваше правило находится в неправильном месте,
Я пробовал разные варианты-ставил вместо, после класса, медиа запрос. "До лампочки." Сейчас он стоит в конце CSS.
Ваш метод эмуляции в браузере испробывал, медиазапрос там отображается. Применю !important, завтра видно будет (как серверный кеш сменится)
Закрыто

Вернуться в «Стили для phpBB 3.0.x»