미디어쿼리2 모바일 화면 크기 대응 처리방법 가변그리드 픽셀대신 비율로 처리 #wrap { width: 90% } 미디어쿼리 device 화면사이즈 @media(min-width:300pxd){ .myclass{ width:200px; height:150px; } } 뷰포트 미디어쿼리로 수많은 기기의 화면 크기를 감지해야할 때 꼭 필요 모바일 웹 개발환경 viewport를 이용한 화면영역 크기 조절 메타태그를 사용하여 뷰포트를 지정 모바일 브라우저 메타태그를 이용해서 기본 폭을 조절 크롬 모바일 모드 확장 프로그램 User-Agent Swicher For Chrome 메타태그 관련포스트 모바일 개발 기초 2021. 2. 6. CSS | 9. 미디어 쿼리 미디어 쿼리 반응형 웹사이트를 제작하기 위해 미디어 객체에 따라 다른 스타일을 적용되게 만드는 것 Media Types@media mediaqueries { type } : screen — 화면을 출력하는 디스플레이가 있는 미디어는 다 여기에 속합니다.print — 인쇄시 표현되는 웹 페이지 구성all — screen, print를 포함한 모든 미디어에 표현되는 웹페이지 구성 Media Features미디어 특성 width — 뷰포트의 너비. 브라우저 창의 너비 orientation — 세로모드인지 가로모드인지 구분portrait : 세로모드landscape : 가로모드 미디어 쿼리 구문 syntax[a] : a가 나올 수도 나오지 않을 수도 a | b : a 또는 b 둘 중 하나 선택 a? : a가 0.. 2020. 12. 26. 이전 1 다음