동시에 스마트 폰 세로 및 가로를 모두 대상으로하는 미디어 쿼리

Question

스마트 폰에 세로, 가로 방향으로 적용 할 스타일이 있습니다.

두 시나리오 모두를 대상으로하는 좋은 미디어 쿼리가 있습니까? 사실 나는이 미디어 쿼리와 CSS를 반복해야 : 당신이 최소 폭은 가로 휴대 전화 화면이 폭 세로 휴대 전화 화면의 폭과 최대 폭되고있는있는 미디어 쿼리를 작성하는 경우

.selector { 

// smartphone portrait 
@media (min-width: 320px}) and (max-width: 512px}) { 
    // stuff 
} 

// smartphone landscape 
@media only screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape) { 
    // same stuff 
} 

} 

Answer 1

저는 믿습니다 오리엔테이션에 상관없이 그것을 모두 다 커버해야한다.