我正在開發一個網站,在那里我使用黑暗模式顯示組件,但在600px以下組件縮小太多,而不是其他方式。
我的應用程序:
function MyApp({ Component, pageProps }) {
return (
<>
<Head>
<meta name="viewport" content="initial-scale=1.0, width=device-width" />
</Head>
<ThemeChanger>
<Paper square elevation={0}>
<Layout>
<Component {...pageProps} />
</Layout>
</Paper>
</ThemeChanger>
</>
);
}
以下是一些示例圖像:
這是寬度大于700像素的用戶界面圖像
這是一張寬度小于600像素的圖片
我已經試過的東西 添加伸縮,最小寬度:& quot100% & quot;at組件 除組件外,其他所有組件都運行正常
我使用的TechStack NextJS v11 材料Ui v5
查看整個css無法找到解決方案。
對我來說,看起來像是父元素的大小限制阻礙了子元素的成長。如果父元素有固定的大小或者沒有100%的寬度,您將無法使子元素占據整個寬度。
檢查兩個屏幕上的元素,并指出css阻擋了100%的寬度。
上一篇es6 json轉對象
下一篇vue吃豆人