# 미디어쿼리

45개의 포스트

HTML CSS 학습 9일차

벨로그 글씨에 색상 넣기(링크)css 다중 선택자마진 겹침 현상 해결 가상요소 선택자모바일 우선 개발미디어 쿼리W3C validator (오류 검사 사이트)눈에 안익어서 헷갈릴 떄가 있다. 다중 선택자.a, .b, .c { } => a 또는 b 또는 c (모두 적용

2021년 11월 11일
·
0개의 댓글
post-thumbnail

CSS | 미디어 쿼리

미디어쿼리는 반응형 웹으로 특정 조건 (단말기의 유형, 화면 해상도, 뷰포트 너비) 에서 특정 스타일만 적용되도록 만들어주는 기능이다.화면이 800px 이하면 백그라운드가 바뀌고 600px 이하면 또 바뀌는 것을 볼 수 있다. max-width라서 최대라고 생각할 수

2021년 11월 11일
·
0개의 댓글
post-thumbnail

TIL 8 : media query와 호환성 체크

20211111 TIL 모든 기기에 내 웹사이트가 예쁘게 보이면 좋겠다!

2021년 11월 11일
·
0개의 댓글
post-thumbnail

[개발일지] 1일차 - media query, css grid

css의 import문은 어떻게 되고, grid-template-area는 무엇인지 공부했습니다.

2021년 9월 28일
·
1개의 댓글
post-thumbnail

CSS 반응형 웹과 미디어쿼리

웹 요소를 화면 크기에 맞게 재배치하고 각 요소의 표시방법만 바꾸어 사이트를 구현해주는 것스마트폰 화면에서 실제 내용이 표시되는 영역PC에 맞게 제작한 웹 사이트를 모바일에서 열면 모든 내용이 작게 보인다. 반대로, 모바일에 맞추어 제작한 웹 사이트를 PC로 열었을 때

2021년 9월 9일
·
0개의 댓글

반응형 웹 with Media Queries Part4(학습 53일차 TIL)

반응형 레이아웃을 %로 잡을 때 width 값은 (자식 / 부모 * 100)으로 구할 수 있다.

2021년 8월 27일
·
0개의 댓글

반응형 웹 with Media Queries Part3(학습 52일차 TIL)

미디어쿼리, float 해제관련

2021년 8월 26일
·
0개의 댓글

반응형 웹 with Media Queries Part2(학습 51일차 TIL)

미디어쿼리를 사용한 반응형 웹 제작

2021년 8월 26일
·
0개의 댓글

반응형 웹 with Media Queries(학습 50일차 TIL)

반응형 레이아웃, Media Queries

2021년 8월 24일
·
0개의 댓글

Web Design #1

Responsive Web Design반응형 웹디자인테블릿, 휴대폰 등 디바이스 종류에 따라 웹페이지의 크기가 자동적으로 재조정되는 것CONTENT IS LIKE WATER켄텐츠를 물과 같이 유동적으로 만들어서 어떤 컨테이너에 담기든지 잘 보여져야 함!잘 만든 반응형

2021년 7월 15일
·
0개의 댓글

7/12 미디어쿼리 실습

미디어쿼리 : 반응형 적응형 웹사이트를 만들 때 사용되며 웹사이트를 모바일, 태블릿 환경으로 자연스러운 변화를 줄 때 사용되는 css 코드 adaptive layout

2021년 7월 12일
·
0개의 댓글

2021.07.12 CSS-9

Day11, 저번주 금요일에 배운 미디어쿼리를 실습했다.

2021년 7월 12일
·
0개의 댓글

웹 프로그래밍 학습 11일

미디어 쿼리 기초 및 실습미디어 쿼리 복습320px ~ 768px 미만 = 스마트폰 size768px ~ 1024px 미만 = 테블릿 size1024px 이상 = PC size< meta name="viewport" content="width=device-widt

2021년 7월 12일
·
0개의 댓글
post-thumbnail

개발일지(2021-07-12)

PC버전(X축 정렬)모바일버전(Y축 정렬)PC버전(X축 정렬)모바일버전(Y축 정렬)3x2 정렬2x3 정렬1x6 정렬style.css 파일에 @media (min-width: px) and (max-width: px) 코드를 기입 - 실무에서 가장 많이 사용하는 방법모바

2021년 7월 12일
·
0개의 댓글
post-thumbnail

미디어쿼리 실습

미디어쿼리

2021년 7월 12일
·
0개의 댓글
post-thumbnail

웹 프로그래밍 #11

미디어 쿼리를 활용한 메뉴판 만들기

2021년 7월 12일
·
0개의 댓글
post-thumbnail

210712 개발일지

웹프로그래밍, html, css, 미디어쿼리, 실습

2021년 7월 12일
·
0개의 댓글
post-thumbnail

7월 12일 (미디어쿼리실습)

320px~766px에서는 미디어쿼리에서 지정한 값으로 설정됨main은 익스플로러에서 지원하지 않는 태그이기 때문에 role지정해줘야함 header값에 fixed (3차원) 을 주었기 때문에 밑의 형제 코드는 레이어 겹침현상이 생기기 때문에 paddin-top을 주

2021년 7월 12일
·
0개의 댓글