背景圖片響應問題

我想在我的主頁上獲得響應的背景圖像，但它不會在手機屏幕上調整自身大小。在筆記本電腦上，它的寬度一般會縮小到大約840px。然後它停下來，而是像放大一樣。我沒有在HTML文件中添加圖像，只是在CSS中，我將圖像放在與css文件相同的文件夾中。這是我做了什麼：背景圖片響應問題

CSS：

#home { 
    background-image: url('london-pic.jpg'); 
    background-position: center center; 
    background-repeat: no-repeat; 
    background-attachment: fixed; 
    background-size: cover; 
    min-height: 800px; 
    width: auto; 
    height: 100%; 
}

來源

2015-11-29 Alessandro

你的問題缺乏上下文，我們只能「猜」出了什麼問題。你應該提供所有必要的代碼來重現你的問題：你的標記是什麼，因爲CSS本身並沒有做任何事情......這說我的猜測是嘗試刪除你的最小高度屬性。 –

我試圖刪除最小高度的財產，但不幸的是不解決問題， – Alessandro

網站是：www.alessandro-dandrea.com，如果你嘗試最小化你會意識到圖像停止在約850像素寬度 – Alessandro

使用background-size會做的伎倆！

background-size: 100%;

來源

2015-11-29 17:38:20

它確實有，但是當我最小化屏幕時，帶有導航菜單按鈕的標題從圖像中脫落。他們得到一個白色背景條紋。任何想法爲什麼？ – Alessandro

在幫助您更好地瞭解整個頁面的背景圖片，我認爲這篇文章解釋了它真的很好：https://css-tricks.com/perfect-full-page-background-image/

您也可以用這個的有不同的方式，並使其適應您的需求。

來源

2015-11-29 20:57:36 paulmorar

背景圖片響應問題

回答

相關問題