我在英雄影像上使用 min-height: 100vh，但我注意到在 lg-xl 螢屏上影像變得非常大。有沒有辦法在不影響影像內的疊加層的情況下糾正此問題或限制英雄影像的高度。請注意影像頂部有一個疊加層，因此使用高度 100vh 不起作用 我的代碼如下：
<div className="bg-img"></div>
.bg-img {
min-height: 100vh;
background-image: url('https://storage.googleapis.com/youfit-assets/nologo.png');
background-size: cover;
}
uj5u.com熱心網友回復：
嘗試做
height: 100vh;而不是min-height: 100vh;. 也許這就是困擾你的原因。
然后我對其進行了測驗，發現該屬性className無效，應該是class.
uj5u.com熱心網友回復：
嘗試這個
*{
margin: 0px;
padding: 0px;
}
body{
min-height: 100vh;
}
.bg-img{
height: 100vh;
}
這可能適用于您的情況
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/344710.html
下一篇：如何在框中換行 更多