클리엘
CLIEL LAB
클리엘
전체 방문자
131,805
오늘
115
어제
340
  • 분류 전체보기 (442) N
    • Mobile (47)
      • Kotlin (47)
    • Web (84)
      • NestJS (9)
      • HTML5 & CSS3 (38)
      • Javascript (20)
      • TypeScript (6)
      • JQuery (11)
    • .NET (233) N
      • C# (57) N
      • ASP.NET Core (31)
      • Windows API for .NET (128)
    • Server (50)
      • SQL Server (8)
      • MariaDB (18)
      • Windows Server (5)
      • node.js (19)
    • System (12)
      • 작업LOG (12)
    • Review (11)
    • ETC (5)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

  • 블로그 정리

인기 글

  • [C#] C#과 .NET6 시작하기 - 3.⋯
    2022.06.24
    [C#] C#과 .NET6 시작하기 - 3.⋯
  • [C#] C# 개요 - 3. 기타 Consol⋯
    2022.06.24
    [C#] C# 개요 - 3. 기타 Consol⋯
  • [C#] 인터페이스(Interface)와⋯
    2022.06.24
    [C#] 인터페이스(Interface)와⋯
  • [C#] 예외처리
    2022.06.24
    [C#] 예외처리
  • [C#] C#과 OOP(Object-Oriented⋯
    2022.06.24
    [C#] C#과 OOP(Object-Oriented⋯

태그

  • jQuery
  • EF-Core
  • android
  • CSS3
  • c#
  • 변수
  • 메서드
  • Windows API
  • CentOS
  • Kotlin
  • node.js
  • .NET
  • JavaScript
  • asp.net core web api
  • TypeScript
  • android studio
  • asp.net core
  • MariaDB
  • NestJS
  • HTML5

최근 댓글

  • 흠... CACLS는 더이상 사용하지⋯
    클리엘
  • 안녕하세요! 아래 명령 하고부⋯
    방문자
  • 죄송합니다. 관련글을 작성한지⋯
    클리엘
  • 네 맞습니다. 본문에서는 표기⋯
    클리엘
  • 6000 ms 는 6초아닌가요?
    react

최근 글

  • [C#] LINQ(Language INtegrated⋯
    2022.07.05
    [C#] LINQ(Language INtegrated⋯
  • [C#] LINQ(Language INtegrated⋯
    2022.07.05
  • [C#] LINQ(Language INtegrated⋯
    2022.07.05
    [C#] LINQ(Language INtegrated⋯
  • [.NET] 닷넷 Type 사용하기 - 8⋯
    2022.06.26
    [.NET] 닷넷 Type 사용하기 - 8⋯
  • [.NET] 닷넷 Type 사용하기 - 7⋯
    2022.06.26

티스토리

hELLO · Designed By 정상우.
클리엘

CLIEL LAB

Web/HTML5 & CSS3

[HTML5&CSS3] 뷰포트(viewport)

2019. 12. 17. 04:13
728x90

웹페이지에서 클라이언트에 특정 정보를 전달하기 위한 목적으로 meta태그를 사용합니다. 이때 만약 모바일에서 웹페이지에 접근하는 경우 모바일 화면에 대한 적절한 대응을 위해 meta태그에 뷰포트(viewport)를 사용합니다.

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

viewport에는 다음과 같은 속성을 입력해 모바일 화면에 대응될 수 있도록 합니다.

width 화면의 너비를 의미하며 200, 300등의 값을 지정하거나 device-width로 장치의 화면에 맞출 수 있습니다.
height 화면의 높이를 의미하며 200, 300등의 값을 지정하거나 device-height로 장치의 화면에 맞출 수 있습니다.
initial-scale 화면확대비율로 1.0, 2.0등의 값을 지정합니다.
user-scalable yes, no등의 값을 지정하여 임의의 화면확대가 가능한지여부를 설정합니다.
minimum-scale 최소축소비율로 1.0, 2.0등의 값을 지정합니다.
maximum-scale 최대축소비율로 1.0, 2.0등의 값을 지정합니다.
728x90
저작자표시비영리변경금지

'Web > HTML5 & CSS3' 카테고리의 다른 글

[HTML5&CSS3] 변형 속성  (0) 2019.12.19
[HTML5&CSS3] 스프라이트(Sprite) 이미지  (0) 2019.12.18
[HTML5&CSS3] 뷰포트(viewport)  (0) 2019.12.17
[HTML5&CSS3] 벤더 프리픽스(vendor prefix)  (0) 2019.12.05
[HTML5&CSS3] 선형 그레디언트(linear-gradient)  (0) 2019.11.25
[HTML5&CSS3] 그림자 효과  (0) 2019.11.19
    'Web/HTML5 & CSS3' 카테고리의 다른 글
    • [HTML5&CSS3] 변형 속성
    • [HTML5&CSS3] 스프라이트(Sprite) 이미지
    • [HTML5&CSS3] 벤더 프리픽스(vendor prefix)
    • [HTML5&CSS3] 선형 그레디언트(linear-gradient)
    CSS3, HTML5, Viewport, 뷰포트
    클리엘
    클리엘
    누구냐 넌?
    댓글쓰기
    다음 글
    [HTML5&CSS3] 스프라이트(Sprite) 이미지
    이전 글
    [HTML5&CSS3] 벤더 프리픽스(vendor prefix)
    • 이전
    • 1
    • ···
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • ···
    • 38
    • 다음

    티스토리툴바