# max-width

5개의 포스트
post-thumbnail

반응형 웹(Responsive Web)

최근 절대 허용하지 않을 것 같던 '애플'도 허용한만큼 웹을 어느 기기에서도 사용할 수 있도록 만드는 것의 중요성이 더욱 높아지고 있죠! 때문에 기기마다 다른 화면을 맞추기 위해 viewport의 개념을 더 잘 이해할 필요가 있습니다 아래 사진의 viewport, 눈에

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

@media 반응형

react color 플젝 하다가 알아낸 사실이다.(min-width (mix-width 그리고 css 코드도 JS와 마찬가지로 위의 코드는 아래코드에 덮어씌여진다.따라서 max-width일 경우 큰것부터 작은것 순으로 적어야 창 사이즈 크기에 따라 순차적으로 적용이

2022년 3월 9일
·
0개의 댓글
post-thumbnail

풀 스크린 화면에 가로 고정

html의 배경색CSS 에서 body의 마진 패딩을 0으로 넣기

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

CSS | Responsive Web (반응형 웹)

디스플레이의 종류에 따라 화면의 크기가 자동으로 변하는 웹 페이지를 의미Responsive Web 을 구현하는 CSS technique특정 조건에서는 어떤 CSS 를 적용 하라는 규칙 부여 가능CSS에 @media 라는 문법으로 작성예시해석@media — media

2021년 1월 17일
·
0개의 댓글

[TIL] 2020/11/14

Today, I Learned const { matches } = window.matchMedia('(max-width: 48rem)'); 이 코드를 통해서 만약 웹으로 접속하면, 즉, max-width설정을 통해, 48rem 이하인 디바이스에서 접속하면(m

2020년 11월 14일
·
0개의 댓글