이 번역은 완료되지 않았습니다. 이 문서를 번역해 주세요.
요약
브라우저 윈도우의 뷰포트 폭은 수직 스크롤바(존재한다면)도 포함합니다.
nsIDOMWindowUtils.setCSSViewport() to set the virtual window size for page layout purposes, the value returned by this property corresponds to the viewport width set using that method.문법
var intViewportWidth = window.innerWidth;
Value
intViewportWidth 는 window.innerWidth 의 속성 값을 저장하게 됩니다.
window.innerWidth 속성은 읽기 전용이고, 기본값은 없습니다.
Notes
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를 참조하세요.
표준 정보
DOM Level 0. Not part of any W3C technical specification or recommendation.
브라우저 호환성
We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Basic support | 1 | 1.0 (1.7 or earlier) | 9 | 9 | 3 |
| Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Basic support | 1 | 1.0 (1.0) | 9 | 9 | 3 |
Gecko note
Since Firefox 4 to Firefox 24, this property was buggy and could give a wrong value before page load on certain circumstances, see bug 641188.