css - 絕對定位與iPhone上的方向變化

我有一個移動網站，我正在建設，我想要一個標誌位於屏幕的底部。它在初始加載時以橫向和縱向模式正確顯示，但在兩者之間的方向改變時，位置不會自動更新到適當的位置。我該如何做到這一點？這裏是我的CSS：css - 絕對定位與iPhone上的方向變化

#logo { position:absolute; bottom: 10px; right: 10px; }

我訪問的JavaScript/jQuery的必要時對其進行定位，但我寧願找一個純粹的基於CSS的解決方案。我已經在使用媒體查詢 - 但整體窗口高度似乎沒有在iphone中正確調整。在Android中正常工作。

來源

2011-08-23 mheavers

[媒體查詢]（http://www.w3.org/TR/css3-mediaqueries/）可能有幫助。 – thirtydot

<body onorientationchange="updateOrientation();"> 

/* Portrait */ 

@media screen and (max-width: 320px) 
{ 
    #logo {right: 10px; } 

} 

/* Landscape */ 

@media screen and (min-width: 321px) 
{ 
    #logo {right: ___} 
}

來源

2011-08-23 21:10:55

謝謝 - 我實際上使用媒體查詢，但在iPhone中沒有正確定位它們。無論方向如何，我都希望它從底部和右側10px，但iPhone會丟失跟蹤底部在某種程度上取向變化的情況。 – mheavers

mheavers： –

css - 絕對定位與iPhone上的方向變化

回答

相關問題