Magento 2.4.7-P3: вопрос о приоритете в СМИ с .media-width () в меньшей степениCSS

Разбираемся в CSS
Ответить
Anonymous
 Magento 2.4.7-P3: вопрос о приоритете в СМИ с .media-width () в меньшей степени

Сообщение Anonymous »

magento 2.4.7-p3: проблема приоритета в медиа-запросе с .media-width () в меньшем
после обновления 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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»