после обновления Magento до < strong> 2.4.7-p3 , я столкнулся с проблемой приоритета CSS на мобильных устройствах при использовании встроенного magento .media-width () mixin в меньшем.
Проблема:
При написании медиа -запросов с использованием метода 1 , стили не применяются правильно на мобильном телефоне:
Метод 1 (с использованием Magento .media-width () mixin)
. WIDTH Media (@Extremum, @Breake), когда (@Extremum = 'max') и (@break = @screen__m) { / * styles здесь * /} < /p>Однако при использовании Метод 2 , все работает нормально:
Метод 2 (используя стандартную @media Query)
@media (max-width: 1023px) { / * styles здесь * /} < /p>наблюдения: < /strong> < /h3>
[*] Проблема возникает после обновления до Magento 2.4.7-p3 < /strong>. < /p>
< /li>
magento .media-width () Mixin, похоже, не применяет стили должным образом, возможно, из-за того, как он генерирует медиа-запросы.
[*] Использование @media Queries работает, как и ожидалось. > Вопрос: [/b]
Кто-нибудь еще испытал эту проблему после обновления до 2.4.7-p3 ?
[*] Есть ли исправный или рекомендуемый подход для обеспечения .media-width () работает правильно без проблем с приоритетом?
Должен ли я избежать использования .media-width () в Magento 2.4.7-p3 и вместо этого полагаться на стандартные медиа-запросы? p>
< /li>
< /ol>
Любое понимание будет высоко оценено! < /p>
Подробнее здесь: https://stackoverflow.com/questions/794 ... th-in-less
Мобильная версия