Блог

Главная - Вопросы по программированию - tailwindcss не использует bg-white внутри точки останова md

tailwindcss не использует bg-white внутри точки останова md

#css #reactjs #next.js #tailwind-css

#css #reactjs #next.js #tailwind-css

Вопрос:

Мне интересно, почему tailwindcss не использует мой md: bg-white, когда размер экрана находится между md и lg.

 <div className={`h-12 bg-blue flex w-full text-white fixed mt-1 lg:bg-white md:bg-white ${scrolling ? 'md:animationNav  md:h-16' : 'md:animationBasisNav md:h-20'} md:dark:bg-gray-400`}>
</div>

Комментарии:

1. Что вы имеете в виду inside the md ? Кроме того, для md работы ваша минимальная ширина должна быть 768 пикселей.

2. я устанавливаю свой размер экрана внутри точки останова md так, чтобы 768 пикселей

3. Какой цвет фона вы видите в md точке останова? Кажется, у меня все работает нормально. Кстати, bg-blue это недопустимый цвет фона, вам нужно указать для него номер, например, . bg-blue-500

4. Не уверен, почему вы установили lg:bg-white md:bg-white . Этого должно быть достаточно для установки md:bg-white .

5. @juliomalves Я установил другой стандартный синий цвет внутри de tailwind.config.js . почему bg-blue не работает, а bg-white работает? Я вижу, что используется мой цвет