React Tailwind css 전체 화면이 안되는 이유

Question

안녕하세요w-full h-full 도 다 설정했는데 왜 안되는지 이유를 모르겠습니다 @-@왜 안되는지 이유를 모르겠네요import React from "react"; export default function ProductSharePage() { return (

); }혹시나 해서 index.css / .root 에width: 100vw; height: 100vh;까지 설정했습니다. 원인이 뭘까요?import React from "react"; import ReactDOM from "react-dom/client"; import { createBrowserRouter, RouterProvider } from "react-router-dom"; import "./index.css"; import App from "./App"; import reportWebVitals from "./reportWebVitals"; import ProductSharePage from "./pages/ProductSharePage"; const router = createBrowserRouter([ { path: "/", element: , // 홈 페이지 errorElement:

Error

, // 404 페이지 }, { path: "/product/share/:id", element: , // ✅ 이 페이지 입니다. ✅ }, ]); const root = ReactDOM.createRoot(document.getElementById("root")); root.render( ); reportWebVitals();

정여우 · Answer

최상위 컴포넌트의 크기가 작아서 그렇습니다.

SDN · Answer

해결되었습니다 #root에 스타일을 건줄 알았는데 body에 걸었더라구요 ㅎ.ㅎ;답변 썼다가 지우신분 덕에 해결했네요 👍

React Tailwind css 전체 화면이 안되는 이유

2개의 답변

#tailwind-css 목록