CSS Media Query

Responsible Web(반응형 웹)을 만들기 위한 CSS

 

사용예제

- 화면 크기가 800px을 넘으면 test라는 클래스가 보이지 않도록 해라.

<style>
	@media(min-width:800px) {
        	.test {
        	display:none;
       		}
	}
</style>

 화면 크기가 800px 밑으로 떨어지면 test라는 클래스가 보이지 않도록 해라.

 

<style>
	@media(max-width:800px) {
        	.test {
        	display:none;
       		}
	}
</style>