封面圖像沒有出現在手機網站上，但正常工作正常

我的個人網站在除移動設備以外的任何設備上都可以正常工作......當涉及到移動設備時，出於某種原因，網站的封面圖像並未出現。相反，它只是一個白色的背景。封面圖像沒有出現在手機網站上，但正常工作正常

這是我與封面照片的DIV + CSS：

#cover-image { 
    height:100%; 
    background-image: url(images/meAndTheOcean.jpg); 
    background-position: center center; 
    background-repeat: no-repeat; 
    background-attachment: fixed; 

}

我這頭標記：

<meta name="viewport" content="width=device-width, initial-scale=1">

這是div＃封面圖像：

<div id="cover-image" > 
    <nav class="cl-effect-1 container-fluid"> 
    <div id="nav-bar" class="nav1"> 
     <div class="col-sm-3 text-center"><a href="#about">About Me</a></div> 
     <div class="col-sm-3 text-center"><a href="#work">Work Experience</a></div> 
     <div class="col-sm-3 text-center"><a href="#projects">Projects</a></div> 
     <div class="col-sm-3 text-center"><a href="#contact">Contact</a></div> 
    </div> 
    </nav> 
    <div id="Name" class="container-fluid"> 
    <div class="col-xs-12" style="height:100px;"></div> 
    <div class="col-md-6 text-center"><canvas id="FirstName"></canvas></div> 
    <div class="col-md-6 text-center"><canvas id="LastName"></canvas></div> 
    </div> 
</div>

更奇怪的是，它幾周前用於移動設備上，並由於某種原因它不再...

任何意見將是有益的！謝謝！

來源

2015-11-06 mnot

有你的定義＃封面圖像另一種風格的定義@media規則？ – agustin

不，一切都按照引導程序調整 – mnot

這取決於您正在查看您的網站的移動設備，但問題可能來自背景 - 附件：固定，這在智能手機上並不總能很好地工作。

我不知道它可能是有問題的，以使圖像完全消失，但你永遠不知道的點;）

來源

2015-11-06 21:16:42 flepp

它完全是固定的背景。它發生在我身上一次又一次。通常的開發工具對於這種情況是相當無用的和誤導的，它們只會調整內容，就像固定背景被支持一樣，但實際情況是，手機和迄今爲止我嘗試過的所有墊都不支持這一點。 –

就是這樣！謝謝！ – mnot

很高興我能幫上忙！ – flepp

封面圖像沒有出現在手機網站上，但正常工作正常

回答

相關問題