Multi Developer SuHo

  • 홈
  • 태그
  • 방명록

css 미디어 쿼리 1

[CSS 문법] 반응형, 적응형 , 미디어 쿼리(media query)

안녕하세요~ 이번에는 반응형과 적응형 , 미디워 쿼리(media query)에 대해 알아보겠습니다. 간단한 이론과 실습 코드로 설명해드리겠습니다. 반응형과 적응형이라고 들어보셨나요?  반응형과 적응형의 개념부터 살펴보시죠 반응형이란?반응형 : PC 사이즈와 모바일 사이즈로 변화하는 것이 아니고 접속한 디바이스를 판단해서 요청 URL이 달라질 수 있다. 현재 웹사이트 대부분마다 반응형으로 디바이스 규격에 따라 레이아웃이 다르게 나타납니다.  적응형이란?적응형 : PC 사이즈에서 모바일 사이즈 혹은 탭 사이즈로 변환될 때 화면 사이즈에 비례해서 페이지의 내용이 맞게 변화한다.미디어 쿼리(media query)란? 웹 페이지가 보여지는 기기의 종류나 화면 크기에 따라 스타일을 다르게 적용할 수 있도록 해주는 ..

CSS 기록 2025.01.06
이전
1
다음
더보기
반응형
250x250
프로필사진

Multi Developer SuHo

안녕하세요, 컴퓨터소프트웨어과를 전공한 수호입니다. 이 글은 주로 백엔드 + 프론트엔드 를 통합으로 작업한 내용을 소개하는 블로그입니다. 현재 올라온 글은 프론트엔드에 대한 작업내용이지만, 백엔드 부분 또한 작업하여 올리겠습니다. 백엔드 부분은 제가 잘 다루지 못하지만 피드백을 남겨주시면 토대로 한 층 성장하는 모습을 보여드리겠습니다. 감사합니다🔥😄😄

  • 분류 전체보기 (173)
    • JavaScript (32)
    • React (6)
    • html5+CSS3 (21)
    • Swift 과제물 (13)
    • 관련 용어 (2)
    • HTML 기록 (2)
    • 컴퓨터 공학 정보 (8)
    • 자바스크립트 기록 (24)
    • CSS 기록 (7)
    • Git 기록 (2)
    • 자바스크립트 실습 (0)
    • Node.js 기록 (14)
    • 프로젝트 (1)
    • Mysql 기록 (2)
    • React 기록 (16)
    • 블록체인 기록 (13) N
    • Typescript 기록 (4)

Tag

웹 개발 트렌드, 자바스크립트, css 포지션, CSS, 오블완, HTML, css3, 자바스크립트 생성자 함수, 리액트 개념, 프론트엔드 리액트, 자바스크립트 실행 컨텍스트, javascript, 자바스크립트 scope, 자바스크립트 async await, 티스토리챌린지, javascript opreator, 자바스크립트 상속, javascript opreators, 리액트 함수형 컴포넌트, 프론트엔드,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

  • 이제부터 올라오는 글
  • CSS3, HTML5 내용을 마치고..
  • CSS 디스플레이와 포지션 내용 지연
  • 추후 공지
  • 글이 안 올라오는 기간 안내

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/07   »
일 월 화 수 목 금 토
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 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바