Front-End/Publishing
2022. 1. 15.
반응형 웹, 웹 접근성, 웹 표준, - 개념과 실적용
반응형 웹을 위한 미디어 쿼리 미디어 쿼리를 사용하면 콘텐츠 자체를 변경하지 않고 장치의 해상도, 뷰포트의 너비, 미디어의 유형 같은 조건에 따라 스타일을 지정할수 있다. 데스크톱과 모바일, 태블릿 등 화면의 크기에 따라 다른 스타일을 지정하거나 인쇄, 음성 장치등의 조건에 따라 다른 스타일을 적용할수 있다. 미디어 쿼리 작성은 크게 CSS 파일 내부에 작성하거나 나 에 media 속성으로 작성 각 스타일은 media 속성에 작성된 조건에 해당될때 적용된다. 하지만 css 파일 (stylesheet) 은 조건 여부와는 상관없이 다운로드 되니, 이점을 주의. 미디어 쿼리는 미디어 타입과 미디어 기능을 기준으로 동작. 두 조건이 모두 일치할때 해당 코드가 동작. 미디어 타입 : all, print, scre..
