nana_log
Home
  • 분류 전체보기 (91)
    • Blog (85)
      • Markup (3)
      • CSS (17)
      • JavaScript (21)
      • Library (10)
      • Tools (1)
      • Web Animation (2)
      • etc. (16)
      • Design (8)
      • Loves (7)
    • 🐿 (5)
      • CSS (2)
      • JS (3)
Home
  • 분류 전체보기 (91)
    • Blog (85)
      • Markup (3)
      • CSS (17)
      • JavaScript (21)
      • Library (10)
      • Tools (1)
      • Web Animation (2)
      • etc. (16)
      • Design (8)
      • Loves (7)
    • 🐿 (5)
      • CSS (2)
      • JS (3)
About
블로그 내 검색
Portfolio

nana_log

좋아하는 걸 좋아하는 나나 🤟

미디어쿼리 (1)

  • Blog/CSS

    반응형 웹 뚝딱 만들기 (1) - 뷰포트 메타태그와 미디어 쿼리

    이 글은 공동 기술 블로그(tech.yeon.me)에도 올린 글입니다. (여기에서도 숨겨진 좋은 글을 발견할지도 몰라요!) 프롤로그 모바일 사용자가 점점 늘어나는 요즘 반응형으로 만든 웹 사이트를 쉽게 찾아볼 수 있습니다. 빠트릴 수 없는 기술이 된 만큼, 오늘은 반응형을 만들기 위한 몇 가지 방법들을 정리해봤습니다 🤘 이 글에서는 반응형을 위한 기본인 뷰포트와 미디어 쿼리를 다루며, 다음 글에서는 CSS 속성을 활용해 빠르게 반응형을 만드는 법을 다룰 생각입니다. (투비 컨티뉴!) 1. meta 태그 - viewport VS CODE 등에서 자동 html을 생성해 보신 적이 있으신가요? (! 치고 tab키를 누르면 뿅하고 나오는 그거요) 이때 기본으로 작성되는 내에 아래의 태그가 들어간 것을 볼 수 있..

    2020. 8. 12.

이전
1
다음
전체 글 보기
  • Github
  • Portfolio
  • Mail

Today

Total

좋아하니까, 나답게

Designed by Nana
블로그 이미지
나나 (nykim)
쉽고, 재밌고, 특별한 걸 좋아해요. 걷고 뛰고 구르면서 나아가는 중.

티스토리툴바