# 미디어쿼리

6개의 포스트

#TIL (May 9th, 스물네번째 이야기)

css3 Animation 미디어쿼리, 레이아웃,css 메뉴 만들기 에 대해 알아보자

2020년 5월 9일
·
0개의 댓글
post-thumbnail

뷰포트부터 반응형 웹까지 개념정리

웹 페이지내에서 브라우저 화면상에서 실제 표시되는 영역을 뷰포트라고 합니다.뷰포트는 장치에 따라 다릅니다.모바일 화면에서는 작고, 컴퓨터 스크린에서는 보다 큰 영역을 가지고 있습니다.스마트폰과 태블릿의 전성시대 이전의 기성 웹사이트들은 오직 컴퓨터 스크린에만 맞춰서 디

2020년 3월 31일
·
1개의 댓글
post-thumbnail

HTML + CSS 자기소개 페이지 소스 리뷰

wecode 8기 사전스터디 1주차가 진행되면서 목요일에 간단하게 자기소개 페이지의 layout을 구성 해보았다.어떻게 구성해볼까 생각하다 도저히 생각이 나질 않아 무료템플릿사이트의 포트폴리오 템플릿을 따라해보았다 .템플릿 디자인 사이트 바로가기그리하여 목요일날 lay

2020년 3월 30일
·
0개의 댓글

반응형 웹의 미디어 쿼리 (Media Query) 와 Viewport

반응형 웹(Responsible Web)이란 디바이스(전자기기)별로 각각 레이아웃(grid)가 달라지는 웹이다.쉽게 설명하자면 화면의 크기 마다 레이아웃이 달라진다.반응형 웹에서는 필수인 미디어쿼리는, 화면크기 마다 각각 다르게 CSS를 적용하는 것이다.화면 사이즈를

2020년 3월 24일
·
0개의 댓글

css레이아웃 float

float이란 -- 레이아웃을 잡는데 사용하는 CSS프로퍼티 이다. float은 이미지 주위를 텍스트로 감싸기 위해 만들어진 것이다. img { float: right; margin: 0 0 lem lem; } 스크린샷 2020-01-29 오전 12.11.27.png clear -- clear...

2020년 1월 28일
·
0개의 댓글

[CSS] Media Query

Media Qurey란 ? Responsive Web을 구현하는 CSS Technique '특정조건(주로 화면크기)에는 어떤 CSS를 적용해라 라'는 규칙을 줄 수 있음 Media Query 세부설명 @media : 미디어 쿼리를 시작하겠다 only (device종류) : 어떤 디바이스에서 적용하는지 알려준다 and (조건 max-width 혹은 m...

2019년 8월 29일
·
1개의 댓글