4.5

Media Queries

CSS이용해서 스크린의 사이즈를 알 수 있는 방법

 

@media screen and (min-width: 600px) and (max-width1200px){

div{

background-color wheat;

}

}

600px~1200px범위안에 들어가면 색이 wheat로 바뀜

+media sreeen and (min-width: 600px) and (max-width1200px) and(orientation: portrait) 

portrait에서색이 바뀜

 

*landscape(가로모드)

*portrait(세로모드)