CSS(Media Queries)

- Media Queries -

 

# 오직 css만을 이용해서 스크린의 사이즈를 알 수 있는 방법.

# @media 라고 써서 사용할수 있다.

# min(최소) max(최대)-width 등등 사용법이 있다. (device 는 핸드폰)

# 우리가 조건을 주어서 다양하게 활용할 수 있다.

# and 로 써서 연결이 된다.

지정한 div 태그가 최소650px 최대 700px 사이에 배경이 teal 에서 tomato 로 변경하는걸 확인할 수 있다.

# orientation: landscape(가로모드), portrait(세로모드)

가로모드일때 색상과 폰트가 안보이게 적용해준 모습

세로모드일때

가로모드일때 변경된 점을 확인할 수 있다.