在iPad上背景圖像寬度不是100％

在iPad上查看時，我的背景圖像尚未跨越整個瀏覽器寬度。這已經發生了不止一次，所以它必須以我編寫CSS的方式進行。在iPad上背景圖像寬度不是100％

這裏是一個腳本的例子，其bg圖像停止在iPad上約70％的方式 - 它有三列浮動內。

我已經把完整的項目在這裏： https://github.com/christineh/TJ-portfolio

HTML：

<footer> 
<div class="footer_invs"> 
<div class="footer"> 
<h1></h1> 
<p></p> 
</div> 
<div class="footer"> 
<h1></h1> 
<img src="" width="32" height="32" border="0"> 
</div> 
<div class="footer3"> 
<h1></h1> 
<img src=""> 
</div> 
</div> 
</footer>

CSS：

footer { 
    background: url(images/footer/background.jpg) repeat-x; 
    width: 100%; 
    height: 113px; 
    margin-top: 250px; 
    overflow:hidden; 
    overflow-x:hidden; 
} 
.footer_invs { 
    background: url(images/footer/corner.png) no-repeat 186px 0px; 
    width: 1018px; 
    height: 78px; 
    padding-left: 200px; 
    padding-top: 32px; 
} 
.footer { 
    float: left; 
    width: 275px; 
} 
.footer h1 { 
    padding-bottom: 8px; 
} 
.footer p { 
    color: #FFF; 
    padding-bottom: 0px; 
    line-height: 16px; 
    padding-top: 0px; 
} 
.footer img { 
    padding-right: 10px; 
} 
.footer3 { 
    float: left; 
    width: 120px; 
    padding-left: 70px; 
} 
.footer3 h1 { 
    padding-bottom: 8px; 
}

有沒有辦法，我缺少一個明顯的解決？

來源

2011-12-05 Christine Horvat

我試着在body標籤中使用上面的建議，即min-width：1024px，但它不起作用。經過大量搜索之後，我發現將它添加到html標籤中也很有用。

例子：

html { 
    min-width: 1024px; 
    }

來源

2012-09-03 05:04:25 Kazz

謝謝，我可以證實，這固定它爲我在iPad3上 – Pent

很確定的iPad屏幕寬度是1024px。它在哪裏設置？

body{ 
min-width:1024px; 
}

注：我沒有我的測試。

來源

2011-12-05 16:12:04 SpaceBeers

我想你的建議，但它並沒有解決問題。 –

當我接下來將iPad放在我身上時，我會看看。 – SpaceBeers

我有這個相同的問題，我添加了最小寬度：1024px的身體，它修復了問題 – danwellman

在iPad上背景圖像寬度不是100％

回答

相關問題