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

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

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

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

Сообщение Upramui » 02.09.2016 19:36

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

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

<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
Сообщения: 1664
Зарегистрирован: 02.11.2014 13:57
Благодарил (а): 267 раз
Поблагодарили: 219 раз

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

Сообщение Sumanai » 02.09.2016 20:07

Мобильные и сабсилвер несовместимы генетически.

Upramui
phpBB 2.0.0
Сообщения: 233
Зарегистрирован: 04.08.2012 16:29
Откуда: Украина-самая лучшая.
Благодарил (а): 25 раз
Поблагодарили: 3 раза

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

Сообщение Upramui » 02.09.2016 20:10

Sumanai писал(а): Мобильные и сабсилвер несовместимы генетически.
Тут же дело не в самом Сабе (я так думаю). Медиа запрос написан в Stylesheet, а в табличную вёрстку выведен лишь класс.
Господь храни Америку

Аватара пользователя
Siava
Поддержка
Поддержка
Сообщения: 4184
Зарегистрирован: 11.01.2005 14:29
Откуда: Питер
Благодарил (а): 109 раз
Поблагодарили: 442 раза

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

Сообщение Siava » 02.09.2016 20:47

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

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

<meta name="viewport" content="width=device-width, initial-scale=1" />
Еще одно нарушение правил и будете забанены. © Mr. Anderson
https://siava.ru/forum/ (phpbb 2.0.x, 3.1.x 3.2.x)

Upramui
phpBB 2.0.0
Сообщения: 233
Зарегистрирован: 04.08.2012 16:29
Откуда: Украина-самая лучшая.
Благодарил (а): 25 раз
Поблагодарили: 3 раза

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

Сообщение Upramui » 02.09.2016 20:55

Siava писал(а): Ещё надо в <head> добавить
Это сделано ещё полгода назад. Этот метатег не влияет напрямую на размер шрифтов.
Господь храни Америку

Upramui
phpBB 2.0.0
Сообщения: 233
Зарегистрирован: 04.08.2012 16:29
Откуда: Украина-самая лучшая.
Благодарил (а): 25 раз
Поблагодарили: 3 раза

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

Сообщение Upramui » 08.09.2016 12:31

И тишина...
Господь храни Америку

Аватара пользователя
Татьяна5
Поддержка
Поддержка
Сообщения: 9756
Зарегистрирован: 08.08.2011 2:02
Благодарил (а): 175 раз
Поблагодарили: 2718 раз

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

Сообщение Татьяна5 » 08.09.2016 13:38

Значит ширина экрана мобильника больше или равна 360px. Плюс css кешируется на мобильниках иногда надёжно

Upramui
phpBB 2.0.0
Сообщения: 233
Зарегистрирован: 04.08.2012 16:29
Откуда: Украина-самая лучшая.
Благодарил (а): 25 раз
Поблагодарили: 3 раза

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

Сообщение Upramui » 09.09.2016 12:31

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

Аватара пользователя
Татьяна5
Поддержка
Поддержка
Сообщения: 9756
Зарегистрирован: 08.08.2011 2:02
Благодарил (а): 175 раз
Поблагодарили: 2718 раз

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

Сообщение Татьяна5 » 09.09.2016 15:05

Upramui писал(а): вплоть до 1024
При 1024 медиа сработать не должен. Там ведь написано, что сработает при 360px и меньше (плюс/минус пикселей 20, в зависимости от браузера)

Upramui
phpBB 2.0.0
Сообщения: 233
Зарегистрирован: 04.08.2012 16:29
Откуда: Украина-самая лучшая.
Благодарил (а): 25 раз
Поблагодарили: 3 раза

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

Сообщение Upramui » 09.09.2016 15:40

Татьяна5 писал(а): При 1024 медиа сработать не должен.
Знаю. Я пошагово перебирал разрешения-360, 680, 800, 1024. Это или какой-то косяк сервера, или действительно не работают медиа запросы в табличной вёрстке вообще.
Господь храни Америку

Аватара пользователя
Татьяна5
Поддержка
Поддержка
Сообщения: 9756
Зарегистрирован: 08.08.2011 2:02
Благодарил (а): 175 раз
Поблагодарили: 2718 раз

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

Сообщение Татьяна5 » 09.09.2016 16:14

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

Upramui
phpBB 2.0.0
Сообщения: 233
Зарегистрирован: 04.08.2012 16:29
Откуда: Украина-самая лучшая.
Благодарил (а): 25 раз
Поблагодарили: 3 раза

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

Сообщение Upramui » 09.09.2016 16:44

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

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

min-with
?
Господь храни Америку

Аватара пользователя
Sheer
phpBB Guru
phpBB Guru
Сообщения: 11488
Зарегистрирован: 18.02.2007 19:01
Откуда: Калининград не Кенигсберг
Благодарил (а): 53 раза
Поблагодарили: 2579 раз

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

Сообщение Sheer » 09.09.2016 18:25

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
Зарегистрирован: 04.08.2012 16:29
Откуда: Украина-самая лучшая.
Благодарил (а): 25 раз
Поблагодарили: 3 раза

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

Сообщение Upramui » 09.09.2016 19:18

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

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