Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | ||||||
| 2 | 3 | 4 | 5 | 6 | 7 | 8 |
| 9 | 10 | 11 | 12 | 13 | 14 | 15 |
| 16 | 17 | 18 | 19 | 20 | 21 | 22 |
| 23 | 24 | 25 | 26 | 27 | 28 |
Tags
- 웹디자인기능사#웹디자인기능사실기#웹디자인기능사실기공부
- css텍스트스타일 #text-transform
- 폰트어썸 #fontawesome #폰트어썸사용법 #폰트어썸사용하기
- 앤커마우스 #버티컬마우스 #앤커버티컬마우스
- overflow속성
- css그라데이션 #css
- 웹디자인기능사 #웹디자인기능사실기 #웹디자인기능사실기공부
- css속성 #float속성 #clear속성
- 소개팅어플
- 웹디자인기능사 #웹디자인기능사실기 #웹디자인기능사실기후기 #웹디자인기능사공부 #웹디자인기능사실기공부
- vertical-align #css표스타일
- 웹디자인기능사 #웹디자인기능사공부#웹디자인기능사실기
- 유튜브핀마이크 #핀마이크 #스마트폰마이크 #핀마이크추천 #PM100 #가성비핀마이크
- 미디어커리 #뷰포트
- css포지션 #포지션속성 #cssposition
- 내컴퓨터아이피 #내컴퓨터아이피확인 #아이피확인 #컴퓨터아이피 #아이피주소확인
- 무선마우스 #앤커무선마우스 #A7852
- 프리미어 #프리미어자동으로늘어나는글자 #프리미어글자 #프리미어자막 #프리미어자동자막 #프리미어자막넣기
- 포트폴리오사이트 #포트폴리오 #웹디자인포트폴리오
- 크롬마우스우클릭 #크롬마우스우클릭해제 #마우스우클릭해제 #마우스우클릭확장프로그램 #크롬확장프로그램 #마우스우클릭허용 #크롬사진퍼가기
- 웹디자인기능사 #웹디자인기능사실기 #웹디자인기능사3회 #웹디자인기능사합격 #웹디자인기능사후기 #웹디자인기능사실기후기 #웹디자인기능사실기합격 #디자인자격증 #국가자격증
- float의문제점
- css선택자 #css #선택자 #selector
- css배경 #css백그라운드
- 연봉
- 직장인애환
- 어도비XD #프로토타입 #햄버거메뉴 #슬라이딩메뉴
- css속성 #display속성
- 인터넷익스플로러버전확인 #인터넷버전확인#인터넷버전검색#인터넷익스버전검색
- 취업성공패키지 #취업성공패키지웹디자인 #취업성공패키지웹퍼블리셔 #웹퍼블리셔 #웹디자인 #국비지원웹디자인 #국비지원웹퍼블리셔
Archives
- Today
- Total
목록미디어커리 #뷰포트 (1)
블로그
뷰포트와 미디어 쿼리
반응형 웹이란? PC,TV,내비게이션,스마트 기기 등 기기마다 또는 환경마다 최적화된 웹사이트를 제공해주는 것을 말합니다. 뷰포트(Viewport) 화면에 보이는 영역을 제어하는 기술로, 미디어 쿼리로 수많은 기기의 화면 크기를 감지해야 할 때 꼭 필요합니다. 속성값 설명 width=device-width 페이지의 너비를 기기의 스크린 너비로 설정합니다. 즉, 렌더링 영역을 기기의 뷰포트의 크기와 같게 만들어 줍니다. initial-scale 처음 페이지 로딩시 확대/축소가 되지 않은 원래 크기를 사용하도록 합니다. 0~10 사이의 값을 가집니다. minimum-scale 줄일 수 있는 최소 크기를 지정합니다. 0~10 사이의 값을 가집니다. maximum-scale=1 늘릴 수 있는 최대 크기를 지정합..
CSS
2020. 6. 8. 20:10