# responsive design

5개의 포스트
post-thumbnail

@media , Responsive Design

Responsive Design 반응형 웹 디자인(Responsive Design)이란 웹 디자인 기법 중 하나로, 하나의 웹사이트에서 PC, 스마트폰, 태블릿 등 접속하는 디스플레이 종류에 따라 화면의 크기가 자동으로 변하도록 만든 웹페이지 접근 기법을 의미한다. 이를 사용할 때, 미디어 쿼리를 이용해 사용할 수 있다. > @media @media...

2022년 6월 30일
·
0개의 댓글
·
post-thumbnail

@media , Responsive Design

사이트는 크게 반응형 사이트와 적응형 사이트 두가지로 나뉘게 된다.적응형 사이트의 대표적인 예로는 네이버가 있다.크기를 줄였을 때 사이즈가 같이 줄어들지 않고 덮이는 것을 적응형사이트라고 한다.반면에 배달에 민족같이 크기에 따라 이미지도 줄어드는것을 반응형 사이트라고

2022년 6월 22일
·
0개의 댓글
·
post-thumbnail

반응형 웹 미디어 쿼리

미디어 쿼리는 CSS3에서 소개된 CSS 기술입니다.미디어 쿼리는 특정 조건이 true 인 경우에만 CSS 속성 블록을 적용하도록 @media 규칙을 사용합니다. 아래 코드는 브라우저창의 width 가 600px 이하인 경우, body 의 배경색을 lightblue 로

2022년 5월 7일
·
0개의 댓글
·
post-thumbnail

@media , Responsive Design

반응형 디자인이란 디바이스(전자기기)별로 각각 레이아웃(grid)가 달라지게 하는 작업을 의미한다.반응형 웹에서는 필수인 미디어쿼리는, 화면크기 마다 각각 다르게 CSS를 적용하는 것이다.화면 사이즈를 인식해 서로 다른 CSS를 적용시켜준다. 일반적으로 스마트폰, 태블

2022년 5월 4일
·
0개의 댓글
·
post-thumbnail

@media , Responsive Design

CSS 미디어쿼리는 출력 장치의 여러 특징 가운데 일부를 참조하여미디어 쿼리는 반응형 웹 디자인의 핵심 부분으로CSS 코드를 분기 처리함으로써 하나의 HTML 소스가 여러가지 뷰를 갖도록 구현할 수 있게끔한다.이는 사용자가 마우스가 아닌 터치스크린을 사용하는지와 같은

2022년 4월 30일
·
0개의 댓글
·