飼養背景圖像固定響應式設計

如果你看看這裏：飼養背景圖像固定響應式設計

https://quirktools.com/screenfly/#u=http%3A//logan-gabriel.com&w=1600&h=900&a=1&s=1

有一個白色的小幅度在屏幕的右側。這不應該是這樣，因爲背景圖像應該固定在右邊的所有權利。如果您嘗試其他較小的分辨率，您會注意到這是行爲。但是一旦屏幕達到這麼大的寬度（1600px），它就會失敗。

任何想法爲什麼會發生這種情況？

謝謝你們。

來源

2013-07-24 logeyg

具有u嘗試下面的CSS？ –

嘿圖像寬度設置爲自動

#image 
{ 
width:auto;//you have set 40% which causes the issue 
}

來源

2013-07-24 05:27:35

這個工程時，水平擴展圖像，但擺脫我的網頁的流體佈局的，所以當小屏幕使用左側的內容不能被看到，因爲背景覆蓋起來。 – logeyg

您可以與followig

#image { 
    height: 100%; 
    position: fixed; 
    right: 0; 
    top: 0; 
    width: 100%; 
} 


#image img { 
    float: right; 
    width: 30%; 
}

來源

2013-07-24 06:31:14

有趣的效果，但不是我所期待的。 – logeyg

使用媒體查詢嘗試將寬度改爲自動一旦屏幕進入了「大而全」大小

@media only screen and (min-width : 1430px){ 
    #image{ 
     width:auto; 
     } 
    }

來源

2013-07-30 17:24:39

飼養背景圖像固定響應式設計

回答

相關問題