반응형 웹사이트 제작 (미디어쿼리)

viewport

• 미디어쿼리가 제대로 작동하지 않는 문제가 발생할 수 있으므로 viewport로 너비와 배율을 설정해야 모바일 디바이스에서 의도한 화면을 볼 수 있음.
• 다양한 디지털 기기의 화면 상에 표시되는 영역을 의미
• 너비와 배율을 설정할 때 사용하는 메타 태그의 속성 중 하나
• width=device-width: viewport의 가로폭 = 디바이스의 가로폭
• initial-scale=1.0: 비율은 항상 1.0

CSS속성 상속

• 미디어쿼리 외부 영역에 있는 CSS 속성을 상속받음
• 만약 상속을 받지 않고자 하면 속성값으로 none 입력