[英]How to horizontally shrink a background image while keeping height constant
我有一個比我的頁面高的背景圖像,但我將它設置為我的包裝器的背景。 然而,這對我來說很成問題。 當我嘗試調整窗口大小時,背景圖像下有大量空白。 這是因為我的包裝紙有一個設定的高度,
.wrapper{
top: 65px;
background-image: url(img/iasite.png);
background-repeat:no-repeat;
background-size: 100%;
width:100%;
height:7250px;
}
如果我嘗試將高度更改為 100%,則根本沒有背景圖像並且頁面是空白的(此時我的包裝器中沒有其他內容)。 如果我不設置高度,也會發生同樣的情況。 當我放入內容並將高度設置為 100% 時,背景圖像只會上升到某個點,然后其余部分被裁剪,並且仍然會有元素懸掛在圖像之外。我想我可以解決這個問題,如果我可以以某種方式將我的包裝器高度設置為我的背景圖像的高度,以便在調整大小時,網頁將讀取背景圖像高度並重新調整包裝器。 有沒有辦法做到這一點,或者有沒有其他方法可以解決我的問題? 任何幫助表示贊賞。
你試過了嗎
背景大小:封面
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.