Почему CSS Tailwind нарушает мой существующий код CSS? [дублировать] ⇐ Html

[Anonymous]

Сводка: Существующий код CSS для установки ширины элемента HTML до 100% ширины просмотра сбой при добавлении TailWindcss. Для элемента, который дисплей установлен для отображения: Flex; дети, непосредственно вписывающиеся в Viewport. Это не желательно. Эта проблема также сталкивается, когда TailWindcss не используется. Мой основной код сильно использует Tailwindcss. Эта функция добавляется позже.
Я создаю это для мобильной версии сайта. Вы найдете «96VW» в коде. Но проблема сохраняется даже с «100VW». Итак, у меня есть простой код, в котором ширина элемента секции устанавливается на «100VW» - означает полный экран. < /P>
Как только я сделал соответствующие настройки, я попытался добавить Tailwindcs, чтобы нарисовать некоторые анимации и украсить веб -страницу. https://tailwindcss.com/docs/installation/tailwind-cli> , как только я подключаю свою страницу HTML с файлом «output.css», как показано на шаге 4, все разделы насильно подходят к одной и той же ширине! Это больше не 100 ВВт для каждого раздела. Вместо этого все разделы подходят внутри одного и того же 100В. Почему это происходит ?? Если вы хотите увидеть остальные видео, то измените свойство CSS «Transform 'CSS» на «transtatex (-100,5VW)» и «Translatex (-200.5VW)».
Теперь, если вы не стесняетесь



This is text





This is text





This is text










Подробнее здесь: https://stackoverflow.com/questions/797 ... g-css-code