HTML의 뷰포트 란 무엇입니까?

HTML의 뷰포트 란 무엇입니까?

---

HTML의 뷰포트 란 무엇입니까? 뷰포트 세부 정보에 액세스하는 방법에 대한 몇 가지 예를 제공 할 수 있습니까?

---

뷰포트는 사용자가 현재 볼 수있는 웹 페이지의 일부입니다. 스크롤바는 페이지의 다른 부분을 표시하도록 뷰포트를 이동합니다.

이 도움말의 안내에 따라 자바 스크립트에서 표시 영역 크기를 가져옵니다 .

if (typeof window.innerWidth != 'undefined')
 {
      viewportwidth = window.innerWidth,
      viewportheight = window.innerHeight
 }

---

ViewPort브라우저에 웹 콘텐츠를 표시하는 영역 일 뿐이라고 생각 합니다. 그리고 브라우저마다 크기에 대한 자체 설정이 있습니다 ViewPort. 예를 들어 ViewPortSafari 의 기본 너비는 980 픽셀입니다. 따라서보고 싶은 실제 웹 페이지가 980 픽셀보다 작 으면 기본적으로 Safari에서 웹 페이지에 액세스 할 때 Safari에 빈 표시 영역이 있어야합니다. 따라서 ViewPort브라우저에서 더 나은 웹 콘텐츠 표시를 위해 를 구성해야하는 경우가 있습니다 .

예를 들면 아래와 같습니다.

<meta name="viewport" content="width=device-width">

또한 Paul의 답변을 읽으십시오 . 나는 그가 이미 ViewPort.

---

뷰포트는 콘텐츠가 현재 화면에서 처음 렌더링 될 때 콘텐츠의 크기와 크기를 결정하기 위해 브라우저 렌더링 엔진에서 사용하는 가상 영역입니다. 이것은 당신을 도울 것입니다 :

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

---

뷰포트는 브라우저에서 웹 페이지의 시각적 영역으로, <meta name="viewport"를 사용 하여 사이트의 콘텐츠가 다른 장치에서 렌더링되는 방식을 설정할 수 있습니다. 개인적으로 사용하고 싶습니다.<meta name="viewport" content="width=device-width, initial-scale=1.0>

참고 URL : https://stackoverflow.com/questions/2939693/what-is-viewport-in-html