Ipadがポートレートモードでセンタリングしていて、ランドスケープモードで動作する

Question

iPadでポートレートモードを検出し、固定または絶対配置でdivにセンタリングスタイルを適用するCSSクエリを使用しています。クエリは機能していますが、divはポートレートモードを中心にしません。それはランドスケープで完璧に中心になります。

あなたはサイトはhttp://goodmorningmoon.caパスに住んで表示することができます。ここではspringy88

は私のコードは

@media only screen and (max-device-width: 1024px) and (orientation:portrait) { 
    #logo{ position:absolute; left:50%; width:160px; margin-left:80px;} 

} 

感謝です！あらかじめ。

Answer 1

私はあなたの現在のクエリがmax-device-widthを使用している

@media only screen and (max-device-width: 1024px) and (orientation:portrait) { 

    #logo{position:absolute; width:160px; margin-left:-80px; left:50%; } 

} 

Answer 2

おっと陰性記号を行方不明になった - と、この属性は、デバイスscreen-widthを意味し;ブラウザウィンドウの向きやサイズに基づいて変更されることはありません。 max-widthは、実際のブラウザウィンドウを参照しています。この場合、望ましい結果が得られます。

詳細はthis topic here