2012-12-12 141 views
1

我試圖用我的媒體查詢鎖定iphone 5,並且橫向背景沒有顯示出來。由於我沒有任何特殊的視網膜顯示圖形,我想知道是否可以使用與媒體查詢相同的圖形。我如何定位iPhone 5橫向導向?iphone 5的媒體查詢

@media only screen and (max-width: 480px) 
and (orientation : landscape) 
{ 

    #homepage{ 
    background: url('images/480x320_Horizontal.jpg') no-repeat fixed #00314d; 
    } 
} 

回答

2

使用meta標籤,迫使iPhone渲染視作爲設備寬度..

<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0"> 

而現在使用媒體查詢,用於設置橫向模式的風格,爲iPhone是> 320像素;

@media screen and (min-width: 321px){ 
    /*Style goes here*/ 
} 
+0

我已經有元名稱代碼。由於某些原因,iPhone 5不顯示背景圖片,它可以正常工作,直到iphone 4s – hershey

+0

@hershey這篇文章可能會幫助你http://halgatewood.com/iphone-5-media-query/ –

+0

這也將捕獲所有其他類型符合此範圍的移動設備。你是否想要成爲iOS?如果是這樣,請使用'only screen and(device-width:320px)' – roberthuttinger