세로 화면 용 CSS 변경 (예 : iPad)

Question

웹 사이트를 구축했으며 반응이 좋았습니다. 그러나 세로 모드 ipad에 아래쪽 절반에 많은 양의 공백이 있고 세로 방향 화면을 감지하고 그에 따라 CSS를 변경하는 방법이 있는지 궁금합니다.

누군가 올바른 방향으로 나를 가리킬 수 있다면 대단히 감사하겠습니다!

감사합니다.

Answer 1

/* Portrait */ 
@media screen and (orientation:portrait) { 
/* Portrait styles */ 
} 
/* Landscape */ 
@media screen and (orientation:landscape) { 
/* Landscape styles */ 
} 

Answer 2

그럼 너는 화면 너비와 높이를 감지 할 수 있습니다. 높이가 너비보다 큰 경우 세로입니다. 빠른 응답

if (window.innerHeight > window.innerWidth) { 
    //Portrait code here 
}