2015-01-26 2 views
-1

은 CSS 구문 only screen에 대해 궁금해하고 있습니다."유일한 화면"구문의 미디어 쿼리 기능?

기본적으로 : 다른 장점은 인쇄 할 때 나타나지 않는 첫 번째 이외의

@media only screen and (max-width: 800px) { ... } 

@media (max-width: 800px) { ... } 

?

무엇이 나를 혼란스럽게합니까? Foundation과 같은 유명한 프레임 워크는 @ media 전체에서 only screen을 때 리기로 선택합니다. 다른 사람은 Bootstrap을 좋아하지만 그렇지 않습니다. https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries에서

답변

2

는 :

그리고 screen 화면이있는 모든 장치를위한 것입니다

유일한 키워드는 주어진 스타일을 적용에서 미디어 기능과 미디어 쿼리를 지원하지 않는 오래된 브라우저를 방지 할 수 있습니다. 그래서 예. 인쇄 스타일은 제외됩니다.

+0

내가 IE9 이하를 지원할 계획이 아니라면 '화면 만'쓰지 않아도 될까요? – hrsetyono

+1

@DarcCode : IE <= 8은 미디어 쿼리를 알지 못하지만, 거기에 쓰는 것이 중요하지 않습니다 :-) – panther

+0

@phanter 고맙습니다. – hrsetyono