Наш дизайнер столкнулся с некоторыми проблемами в части адаптивности этого (очень приятного и полезного) дополнения, и она спрашивает, может ли изменить точку перелома, где сейчас происходит переключение с элемента vdo на элемент vmo?
Переключение с vdo (только для десктопа) на vmo (только для мобильных) основано на user-agent вашего браузера, а не на ширине вьюпорта, который вы используете или симулируете.
CSS media-запросы в Discourse не так важны, как на других сайтах, к которым вы, возможно, привыкли.
Discourse предоставляет разную оптимизированную разметку в зависимости от устройства пользователя.
Суть в том, что вам не нужно сильно беспокоиться о CSS media-запросах. Вашему дизайнеру нужно либо добавить ?mobile_view=1 к URL, который он тестирует, либо использовать мобильный user-agent при тестировании или отладке на десктопе.
Но когда я на рабочем столе и меняю размер окна браузера, я вижу, как Discourse реагирует и перестраивает элементы на экране. Это, полагаю, не связано со строкой моего пользовательского агента. Есть ли другой механизм, реагирующий на размер экрана?
Например: эта временная полоса прокрутки справа исчезает на малых ширинах и заменяется меньшим индикатором только с номером поста и общим количеством, например 19 / 24
Discourse будет перемещать элементы, если вы достаточно уменьшите размер окна. Мы делаем это для адаптации к разным размерам экранов настольных компьютеров и ноутбуков.
Однако это не суть вопроса. Уменьшение размера области просмотра не вызовет изменения user-agent, поскольку он полностью определяется строкой user-agent используемого вами устройства.
Если вы находитесь на рабочем столе и меняете ширину окна или экрана, Discourse по возможности адаптируется к этому.
Однако, если вы пытаетесь проверить, как Discourse выглядит на мобильном устройстве, находясь на рабочем столе, вам нужно либо добавить
как я упоминал выше,
либо протестировать на реальном мобильном устройстве.