i'm working on it
Home
  • 분류 전체보기 (44)
    • 工夫 (39)
      • HTML+CSS (8)
      • JAVASCRIPT+JQUERY (8)
      • LINUX+ETC (0)
      • PHP (10)
      • MYSQL (0)
      • python (0)
      • ETC (13)
    • 希望 (5)
      • a place to go (0)
      • what to buy (5)
    • 情報 (0)
      • 갑상선기능저하증 (0)
      • 레시피 (0)
      • 운동 (0)
    • 日常 (0)
    • 寫眞 (0)
    • 徽晛 (0)
Home
  • 분류 전체보기 (44)
    • 工夫 (39)
      • HTML+CSS (8)
      • JAVASCRIPT+JQUERY (8)
      • LINUX+ETC (0)
      • PHP (10)
      • MYSQL (0)
      • python (0)
      • ETC (13)
    • 希望 (5)
      • a place to go (0)
      • what to buy (5)
    • 情報 (0)
      • 갑상선기능저하증 (0)
      • 레시피 (0)
      • 운동 (0)
    • 日常 (0)
    • 寫眞 (0)
    • 徽晛 (0)
블로그 내 검색

i'm working on it

사진, 캠핑을 좋아하는 휘현/휘흔 아빠의 Life Log입니다

  • 工夫/HTML+CSS

    [HTML] 반응형의 시작 뷰포트

    2021. 4. 26.

    by. 휘현아빠

    <meta name="viewport" content="width=device-width,initial-scale=1">

     

    viewport

    웹페이지가 보여지는 영역을 뜻하며, 당연히 기기별로 다름

     

    width

    viewport의 가로사이즈, device-width는 보여지는 기기의 가로사이즈

     

    initial-scale

    웹페이지가 로딩될때 초기 확대 비율

     

    추가속성

    user-scalable

    사용자의 축소/확대 허용 여부. 초기값은 yes며, no로 금지 가능

     

    minimum-scale

    뷰포트의 최소 배율값 (0~10)

     

    maximum-scale

    뷰포트의 최대 배율값 (0~10)

    저작자표시 비영리 변경금지 (새창열림)

    '工夫 > HTML+CSS' 카테고리의 다른 글

    [CSS] :nth-child() 의 다양한 용례  (0) 2021.05.19
    [CSS] FLEX 의 기본사용법  (0) 2021.05.19
    [HTML] 크롬 자동번역창을 띄우지 않기  (0) 2021.05.12
    [CSS] 모바일에서 뷰포트에 따른 폰트 사이즈 자동 조정 방지  (0) 2021.05.12
    [CSS] 모바일에서 표만 가로스크롤 주기  (0) 2021.04.29

    댓글

    관련글

    • [CSS] FLEX 의 기본사용법 2021.05.19
    • [HTML] 크롬 자동번역창을 띄우지 않기 2021.05.12
    • [CSS] 모바일에서 뷰포트에 따른 폰트 사이즈 자동 조정 방지 2021.05.12
    • [CSS] 모바일에서 표만 가로스크롤 주기 2021.04.29
    맨 위로
전체 글 보기
Tistory 로그인
Tistory 로그아웃
로그아웃 글쓰기 관리

Today

Total

Powered by ⓒ Kakao Corp.

Designed by Nana & Custom ing
블로그 이미지
휘현아빠

티스토리툴바