@media, 미디어 쿼리 속성 중 orientation

@media screen and (orientation:portrait) {
    /* Portrait styles 세로 */
}

@media screen and (orientation:landscape) {
    /* Landscape styles 가로 */
}

만약 다양한 디바이스를 지원해야하는 상황이라면

디바이스에 따라서 가로 세로가 실제 예상하는 값과 반대일 수 있으므로, 디바이스 제원 혹은 제조사에 확인이 필요함.