Tailwindcss MD: относительно не переопределяет абсолютный в точке MD Breakpoint или в любых других стиляхJavascript

Форум по Javascript
Ответить Пред. темаСлед. тема
Anonymous
 Tailwindcss MD: относительно не переопределяет абсолютный в точке MD Breakpoint или в любых других стилях

Сообщение Anonymous »

Пояснение вопросов:
Я строю адаптивную навигацию с использованием Tailwindcss, и я пытаюсь переключить его позиционирование с Absolute On мобильный () к относительному в MD Breakpoint и больше. Однако при осмотре стилей в Devtools класс Absolute все еще применяется, даже если ширина экрана превышает 768px .
Вот мой штрих -код навигации:

Код: Выделить всё






[url=#]Logo[/url]







[list]
[*][url=#]Home[/url]
[*][url=#]About[/url]
[*][url=#]Services[/url]
[*][url=#]Contact[/url]
[/list]




Что я ожидал, что произойдет:
  • на мобильном телефоне ( и меньше), UL должен быть абсолютным , расположенным ниже Navbar.
  • At md ( и больше), MD: относительный должен переопределить Absolute , делая UL нормальной частью потока документов.
Что на самом деле происходит: < /strong> < /h3>
  • Абсолютный < /code> класс остается примененным даже на MD < /code> breakpoint. < /li>

    Код: Выделить всё

    md:relative
    не переопределяет Absolute , как и ожидалось. : относительный .
шаги по устранению неполадок. Br/> [*] Проверьте точки останова Tailwind: [/b] MD начинается с 768px , что должно работать. : Absolute все еще применяется, и относительный не переопределяет его. Относительный после абсолютного не помог. JS PrettyPrint-Override ">

Код: Выделить всё

variants: {
extend: {
position: ['responsive']
}
}
< /code>
< /li>
 [b] принудительное восстановление Tailwind (npm run dev
+ cleared cache). [/b]
[*] вручную применяется относительный в медиа -запросе (

Код: Выделить всё

@media (min-width: 768px) {}
) [/b] - это сработало, но я хочу, чтобы Tailwind справился с ним.

Вопрос: < /h3>
Почему MD: относительный не переоценка Absolute в MD точке останова в Tailwindcss? Как я могу исправить это так, чтобы относительный правильно применялся, когда ширина экрана достигает 768px ? И другие стили, которые нуждаются в точке перерыва MD?>

Подробнее здесь: https://stackoverflow.com/questions/794 ... y-other-st
Реклама
Ответить Пред. темаСлед. тема

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

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

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

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

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

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