Почему не срабатывает @media

@Dorofej · Регистрация: 20.06.2011

Студворк — интернет-сервис помощи студентам

Почему не срабатывает @media -
в файлах основных css (style.min.css and template_style.min.css) в самом конце прописаны медиа к некоторым дивам

CSS
1
2
3
4
@media all and (max-width: 425px) , screen and (max-height: 684px){
    .menu-item-link-text{font-size:38px !important;max-width:585px !important;line-height:45px !important;}
.menu-items-block{ height:56px !important;}
}  в первом и

CSS
1
2
3
4
5
6
@media all and (max-width: 425px), screen and (max-height: 684px) {
    .bx-layout-inner-left {
    width: 640px !important;
    -webkit-user-select: none;   
}
}

во втором
в шапке прописано

HTML5
1
<meta name="viewport" content="width=device-width, initial-scale=1">

что не так ? Почему не срабатывает и не видит эти правила?

@Alex Web · 03.03.2020, 15:43

в консоли @media не отображается тоже? Это должно работать в общем то

@Dorofej · 03.03.2020, 18:15 **[ТС]**

В битриксе почему то нет. Может там есть особенность?

@Alex Web · 03.03.2020, 20:01

Сообщение от Dorofej

Может там есть особенность?

в любой cms своя особенность)) в консоли медиа не отображаются или отображаются, но зачеркнуты или?

@Dorofej · 03.03.2020, 20:50 **[ТС]**

прописываешь это media а он тебе не срабатывает будто не прописывал или срабатывать начинает при ширине не телефона айфона какого то а по ширине адаптива!

@Dorofej · 04.03.2020, 08:35 **[ТС]**

Что думаете?

@Dorofej · 05.03.2020, 09:16 **[ТС]**

То есть при выборе в браузере - адаптив срабатывает. А при выборе устройства айфон не срабатывает!

@gogolik · 05.03.2020, 09:27

Dorofej, без ссылки на сайт нечего обсуждать.

@Dorofej · 05.03.2020, 09:33 **[ТС]**

https://virtual.ulstu.ru/ вот ссылка

Добавлено через 3 минуты
но там css c кеша грузятся поэтому мы проверяем на внутренней демке

@gogolik · 05.03.2020, 09:36

В ваших файлах стилей нет этих правил. Кеш сбрасывали после внесения изменений?

Добавлено через 28 секунд
*глубокий вздох*

@Dorofej · 05.03.2020, 10:33 **[ТС]**

вам просто ссылку на демку надо дать где изменения! А так кеш сбрасываю

Добавлено через 54 минуты
вот сейчас стили установил!

@gogolik · 05.03.2020, 10:40

И всё прекрасно работает. Только в шапке другой вьюпорт указан. С тем, что в первом сообщении - работает.

@Dorofej · 05.03.2020, 11:57 **[ТС]**

Стили то не срабатывают а толкового мобильного приложения на битриксе нет

Добавлено через 1 минуту
именно те что я прописал в первом приложении

@gogolik · 05.03.2020, 12:02

Dorofej, ещё раз говорю - они работают, но только с тем вьюпортом, который вы указали в первом посте. Сейчас у вас:

HTML5
1
<meta name="viewport" content="width=1135">

В первом посте:

Сообщение от Dorofej

в шапке прописано

HTML5
1
<meta name="viewport" content="width=device-width, initial-scale=1">

Разницу видите? Пропишите вьюпорт из первого поста и всё будет работать.

@Dorofej · 05.03.2020, 12:04 **[ТС]**

а если вообще убрать <meta name="viewport" content="width=device-width, initial-scale=1"> они везде заработают?

@gogolik · 05.03.2020, 12:22

Dorofej, *глубокий вздох* вы вообще читаете что я пишу? У вас на сайте другой вьюпорт, не тот, что вы изначально написали. Из-за этого ничего и не работало, вероятно. Вам наоборот нужно его установить, чтобы всё заработало.

@Dorofej · 05.03.2020, 13:49 **[ТС]**

вот

<meta name="viewport" content="width=1135"> убрал другой поставил не сработало даже после чистки кеша

Добавлено через 1 час 11 минут
<meta name="viewport" content="width=device-width, initial-scale=1"> вот поставил

@gogolik · 05.03.2020, 13:50

Dorofej, а вы проверили? Вьюпорт точно изменился? У меня вот не изменился. Подозреваю, что и у вас не изменился. Иначе всё бы работало.

@Dorofej · 05.03.2020, 14:21 **[ТС]**

Я вроде поменял все на полный путь home\bitrix\www_new\bitrix\templates\bit rix24\header.php там и менял

Добавлено через 7 минут
сейчс обновил но написание пуектов меню исчезло а я просто им поненял величину шрифта - можете найти какой стиль за них отвечает

@gogolik · 05.03.2020, 14:37

Dorofej, посмотрите через инспектор браузера. В нём всё написано.

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .	SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11680&d=1772460536 Одним из. . .	Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .	Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .
SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .	SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .

@Alex Web 238 / 161 / 67 Регистрация: 18.06.2016 Сообщений: 509
	03.03.2020, 15:43
	в консоли @media не отображается тоже? Это должно работать в общем то 0

@Dorofej -3 / 3 / 0 Регистрация: 20.06.2011 Сообщений: 957
	03.03.2020, 18:15 [ТС]
	В битриксе почему то нет. Может там есть особенность? 0

@Dorofej -3 / 3 / 0 Регистрация: 20.06.2011 Сообщений: 957
	03.03.2020, 20:50 [ТС]
	прописываешь это media а он тебе не срабатывает будто не прописывал или срабатывать начинает при ширине не телефона айфона какого то а по ширине адаптива! 0

@Dorofej -3 / 3 / 0 Регистрация: 20.06.2011 Сообщений: 957
	04.03.2020, 08:35 [ТС]
	Что думаете? 0

@Dorofej -3 / 3 / 0 Регистрация: 20.06.2011 Сообщений: 957
	05.03.2020, 09:16 [ТС]
	То есть при выборе в браузере - адаптив срабатывает. А при выборе устройства айфон не срабатывает! 0

@gogolik Супер-модератор 3964 / 2082 / 832 Регистрация: 13.03.2010 Сообщений: 6,871
	05.03.2020, 09:27
	Dorofej, без ссылки на сайт нечего обсуждать. 0

@Dorofej -3 / 3 / 0 Регистрация: 20.06.2011 Сообщений: 957
	05.03.2020, 09:33 [ТС]
	https://virtual.ulstu.ru/ вот ссылка Добавлено через 3 минуты но там css c кеша грузятся поэтому мы проверяем на внутренней демке 0

@gogolik Супер-модератор 3964 / 2082 / 832 Регистрация: 13.03.2010 Сообщений: 6,871
	05.03.2020, 09:36
	В ваших файлах стилей нет этих правил. Кеш сбрасывали после внесения изменений? Добавлено через 28 секунд глубокий вздох 0

@Dorofej -3 / 3 / 0 Регистрация: 20.06.2011 Сообщений: 957
	05.03.2020, 10:33 [ТС]
	вам просто ссылку на демку надо дать где изменения! А так кеш сбрасываю Добавлено через 54 минуты вот сейчас стили установил! 0

@gogolik Супер-модератор 3964 / 2082 / 832 Регистрация: 13.03.2010 Сообщений: 6,871
	05.03.2020, 10:40
	И всё прекрасно работает. Только в шапке другой вьюпорт указан. С тем, что в первом сообщении - работает. 0

@Dorofej -3 / 3 / 0 Регистрация: 20.06.2011 Сообщений: 957
	05.03.2020, 11:57 [ТС]
	Стили то не срабатывают а толкового мобильного приложения на битриксе нет Добавлено через 1 минуту именно те что я прописал в первом приложении 0

@Dorofej -3 / 3 / 0 Регистрация: 20.06.2011 Сообщений: 957
	05.03.2020, 12:04 [ТС]
	а если вообще убрать <meta name="viewport" content="width=device-width, initial-scale=1"> они везде заработают? 0

@gogolik Супер-модератор 3964 / 2082 / 832 Регистрация: 13.03.2010 Сообщений: 6,871
	05.03.2020, 12:22
	Dorofej, глубокий вздох вы вообще читаете что я пишу? У вас на сайте другой вьюпорт, не тот, что вы изначально написали. Из-за этого ничего и не работало, вероятно. Вам наоборот нужно его установить, чтобы всё заработало. 0

@Dorofej -3 / 3 / 0 Регистрация: 20.06.2011 Сообщений: 957
	05.03.2020, 13:49 [ТС]
	вот <meta name="viewport" content="width=1135"> убрал другой поставил не сработало даже после чистки кеша Добавлено через 1 час 11 минут <meta name="viewport" content="width=device-width, initial-scale=1"> вот поставил 0

@gogolik Супер-модератор 3964 / 2082 / 832 Регистрация: 13.03.2010 Сообщений: 6,871
	05.03.2020, 13:50
	Dorofej, а вы проверили? Вьюпорт точно изменился? У меня вот не изменился. Подозреваю, что и у вас не изменился. Иначе всё бы работало. Миниатюры 0

@Dorofej -3 / 3 / 0 Регистрация: 20.06.2011 Сообщений: 957
	05.03.2020, 14:21 [ТС]
	Я вроде поменял все на полный путь home\bitrix\www_new\bitrix\templates\bit rix24\header.php там и менял Добавлено через 7 минут сейчс обновил но написание пуектов меню исчезло а я просто им поненял величину шрифта - можете найти какой стиль за них отвечает 0

@gogolik Супер-модератор 3964 / 2082 / 832 Регистрация: 13.03.2010 Сообщений: 6,871
	05.03.2020, 14:37
	Dorofej, посмотрите через инспектор браузера. В нём всё написано. 0