반응형 웹페이지(7): 미디어 쿼리와 뷰포트
미디어 쿼리
- 기본 문법:
@media [only 또는 not][미디어 유형] and 또는 , 콤마 {실행문}
- 미디어 유형
- 조건문
- 미디어 쿼리를 사용하는 방법
- 링크 방식
<link rel="stylesheet" href = "mediaqueries.css">
- 주의사항
- 띄어쓰기에 유의
@media all and (min-width: 320px){실행문}
- 접두사인 min은 올림차순, max는 내림차순으로 작성하기
- 미디어 쿼리로 크기 감지한다 ==브라우저 크기( html문서의 화면 크기)로 감지한다
뷰포트
- 예제
- 메타 태그 방식
- 표준 방식
- 문법
Author And Source
이 문제에 관하여(반응형 웹페이지(7): 미디어 쿼리와 뷰포트), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://velog.io/@nahyunbak/반응형-웹페이지7-미디어-쿼리와-뷰포트
저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
- 기본 문법:
@media [only 또는 not][미디어 유형] and 또는 , 콤마 {실행문}
- 미디어 유형
- 조건문
- 미디어 쿼리를 사용하는 방법
- 링크 방식
<link rel="stylesheet" href = "mediaqueries.css">- 주의사항
- 띄어쓰기에 유의
@media all and (min-width: 320px){실행문}- 접두사인 min은 올림차순, max는 내림차순으로 작성하기
- 예제
- 메타 태그 방식
- 표준 방식
- 문법
Author And Source
이 문제에 관하여(반응형 웹페이지(7): 미디어 쿼리와 뷰포트), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@nahyunbak/반응형-웹페이지7-미디어-쿼리와-뷰포트저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
