我有 11_100px(height) x 3_840px(width) 影像，我想放在我的網站上，我設法使用計算縱橫比的padding-top技巧calc(height / width * 100%)以某種方式適合桌面大小）。但是當調整視口大小時，平板電腦和移動設備就無法維護了。
不知何故，我需要使高度完全可靠的寬度大小
我找不到任何堆疊溢位足夠的答案，所有設備如何處理如此大的背景？
示例： 鏈接到我的示例
uj5u.com熱心網友回復：
實作此目的的最佳方法是將背景影像添加到 div。
body {
margin: 0;
}
div {
width: 100vw;
height: 100vh;
background-image: url("https://via.placeholder.com/500x500.png?text=Placeholder");
background-size: cover;
background-position: center;
}<div></div>uj5u.com熱心網友回復：
您可以定義body應用以下設定的背景影像（當然，使用您自己的影像除外）。
在這種情況下，背景影像不會隨內容滾動 - 我想這就是您想要的。
body {
margin: 0;
background-image: url("https://picsum.photos/1200/1600");
background-size: cover;
background-position: center;
background-attachment: fixed;
}轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/397354.html
上一篇："message":"errorMongooseError:操作`userinfos.insertOne()`緩沖在10000毫秒后超時"