Гайд Подпись в адаптивном дизайне xenForo

Отображение подписи на мобильных устройствах​

Проблема:​

Решение:​

@media (max-width: @xf-responsiveNarrow) {
    .m-signature {
        display: block;

        img {
            max-width: 320px;

            .smilie {
                width: inherit;
            }
        }
    }
}

Что делает этот код:​

• .m-signature { display: block; }
  Включает отображение блока подписи на мобильных устройствах.
• img { max-width: 320px; }
  Ограничивает ширину изображений в подписи, чтобы они не выходили за экран.
• .smilie { width: inherit; }
  Убирает ограничение на смайлики, чтобы они не сжимались до миниатюр.

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

Нажмите, чтобы раскрыть...

You must be logged in to see the message.

Нажмите, чтобы раскрыть...