ProgrammingModel

Date

202111202

Target

C_064

Title

미디어쿼리를 사용할 때 클래스 혹은 아이디 CSS의 순서가 중요하다.

Contents

데스크탑에서는 글꼴이 16픽셀로 모바일에선 12픽셀로 보이도록 한다. .ts1216px{ font-size:16px; } .ts1216px{ @media (min-width:768px){ font-size:12px; } } 이 순서로 CSS를 적어주면 .ts1612px 클래스를 만났을 때 screen이 768px 이하일 경우 위에 것이 유지 되면서 아래 것은 무시할 것이다. 만약 768px보다 크면 아래 것을 사용하게 된다.