세로 모드로 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

내가

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

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

} 

Answer 2

현재 쿼리가 max-device-width를 사용하는 -negative 기호 죄송 누락 된 -이 속성이 장치 screen-width을 의미한다; 방향이나 브라우저 창 크기에 따라 변경되지 않습니다. max-width은 실제 브라우저 창을 나타내며이 경우 원하는 결과를 제공합니다.

자세히 알아보기 this topic here