이 번역은 완료되지 않았습니다. 이 문서를 번역해 주세요.


브라우저 윈도우의 뷰포트 너비로, 수직 스크롤바가 존재한다면 포함합니다.

구문

 

var intViewportWidth = window.innerWidth;

Value

intViewportWidth stores the window.innerWidth property value.

The window.innerWidth property is read only; it has no default value.

참고

innerWidth 값은 window, frame, frameset이나 다른 윈도우들처럼 모든 window 형식의 객체에서 사용할 수 있습니다.

There is an algorithm to obtain the width of the viewport excluding, if rendered, the vertical scrollbar.

예제

// 다음과 같이 뷰포트의 폭을 받아올 수 있습니다.
var intFrameWidth = window.innerWidth;

// 다음과 같이 frameset 안의 어떤 frame의 뷰포트 폭을 받아올 수 있습니다.
var intFrameWidth = self.innerWidth;

// 다음과 같이 가장 가까운 frameset의 뷰포트 폭을 받아올 수 있습니다.
var intFramesetWidth = parent.innerWidth;

// 다음과 같이 가장 바깥쪽 프레임셋의 뷰포트 폭을 받아올 수 있습니다.
var intOuterFramesetWidth = top.innerWidth;

윈도우의 사이즈를 변경하려면, window.resizeBy 또는 window.resizeTo를 참조하세요.

명세

 

Specification Status Comment
CSS Object Model (CSSOM) View Module
The definition of 'window.innerWidth' in that specification.
Working Draft Initial definition

브라우저 호환성

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidEdge MobileFirefox for AndroidOpera for AndroidiOS SafariSamsung Internet
Basic supportChrome Full support 1Edge Full support YesFirefox Full support 1
Full support 1
No support 4 — 24
Notes
Notes This property was buggy and could give a wrong value before page load in certain circumstances, see bug 641188.
IE Full support 9Opera Full support 9Safari Full support 3WebView Android Full support YesChrome Android Full support YesEdge Mobile Full support YesFirefox Android Full support 4
Full support 4
No support 4 — 24
Notes
Notes This property was buggy and could give a wrong value before page load in certain circumstances, see bug 641188.
Opera Android Full support 9Safari iOS Full support 3Samsung Internet Android ?

Legend

Full support  
Full support
Compatibility unknown  
Compatibility unknown
See implementation notes.
See implementation notes.

참고 자료

문서 태그 및 공헌자

태그: 
이 페이지의 공헌자: urty5656, pi1992, minuJeong
최종 변경자: urty5656,