ಠ_ಠ
@anonymous
偷偷說
Tue, Mar 12, 2024 1:24 PM
5
萬事問噗浪 CSS 語法

請問各路CSS大師
該如何讓河道佈景(背景圖片)在視窗最大模式以及未放到最大時都保持一樣的大小
ಠ_ಠ
Tue, Mar 12, 2024 1:24 PM
我目前用的CSS語法是這樣！

body,html {
background:url(圖片網址) top center no-repeat;
background-color:#000;
background-size: 180%;
}
ಠ_ಠ
Tue, Mar 12, 2024 1:25 PM
如果視窗未放到最大，看到的圖片大約是70%~80%
可是把視窗最大化之後，看到的圖片才顯示180%
請問有沒有辦法把尺寸固定
sheep8882
Tue, Mar 12, 2024 1:39 PM
background-size: cover;

試試
ಠ_ಠ
Tue, Mar 12, 2024 1:47 PM
sheep8882: 尺寸固定化了，可是反而沒有辦法調尺寸了
sheep8882
Tue, Mar 12, 2024 1:49 PM
加一條
background-attachment: fixed;

試試呢
ಠ_ಠ
Tue, Mar 12, 2024 1:53 PM
sheep8882: 目前語法是這樣
background-size: 150%;
background-size: cover;
background-attachment: fixed;
}

背景固定住滑不到下面了，不過尺寸方面完全沒有改變...
pie2527
Tue, Mar 12, 2024 1:56 PM
還是噗主想這樣

background-size: aapx bbpx;
aa填寬的數字 bb填高
sheep8882
Tue, Mar 12, 2024 1:56 PM
好神奇
我剛看了下發現你的背景所在的html層級和我的不一樣

我的在content(內容)層裡面
你的直接寫在整個網頁的最外層
所以可能有差
sheep8882
Tue, Mar 12, 2024 1:57 PM
pie2527: 但這樣圖片會變形(
pie2527
Tue, Mar 12, 2024 1:57 PM
sheep8882: 是但
ಠ_ಠ
Tue, Mar 12, 2024 2:02 PM
pie2527: 我看一下圖片長寬多少試看看
ಠ_ಠ
Tue, Mar 12, 2024 2:06 PM
報告，我把長與寬的數值各打7折再寫進CSS，結果意外的得到了想要的效果
原本這個尺寸在語法中是寫250%的
ಠ_ಠ
Tue, Mar 12, 2024 2:07 PM
謝謝pie2527！！
ಠ_ಠ
Tue, Mar 12, 2024 2:09 PM
sheep8882: 噗主是CSS小白，都是撿其他人的語法來拼湊的，不知道是不是有關係
ಠ_ಠ
Tue, Mar 12, 2024 2:34 PM
也謝謝 sheep8882:
載入新的回覆