window.resizeTo() dynamically requests a new absolute outer size for the window (MDN). Use resizeBy() for a relative change.
Pass the required arguments shown below. Check return values and browser support before you rely on the result.
Call window.resizeTo. Start with this line.
resizeTo(width, height)| Call | What it does |
|---|---|
resizeTo(width, height) | Primary signature. |
window.resizeTo(...) | Call with the arguments your case needs. |
Built into the browser. Call window.resizeTo(...) (or the global resizeTo(...)) — no import required.
resizeTo(width, height)| Parameter | Description |
|---|---|
| width | Required. New outerWidth in pixels |
| height | Required. New outerHeight in pixels |
| Return Value | Description |
|---|---|
| * | Always undefined |
resizeToRequest an absolute outer size of 800×600 pixels.
window.resizeTo(800, 600);
// same as: resizeTo(800, 600);
console.log("resizeTo(800, 600) called");outerWidth / outerHeight.resizeTo() always returns undefined.
const result = window.resizeTo(640, 480);
console.log(result); // undefined
console.log(typeof result); // "undefined"undefined.resize if you need confirmation.resizeByAbsolute target size vs relative nudge.
resizeTo(800, 600); // set exact outer size
resizeBy(40, 20); // then grow by +40 × +20
// final intent ≈ 840 × 620 (if both succeed)resizeTo first. Jumps to an absolute size.resizeBy next. Adjusts from whatever size you have now.resizeTo; small step → resizeBy.MDN pattern: half of avail width × half of avail height.
window.resizeTo(
window.screen.availWidth / 2,
window.screen.availHeight / 2
);availWidth / availHeight.resizeTo. Browser may round to integers.Open a child window, then call resizeTo on that reference.
const popup = window.open("", "demo", "width=320,height=200");
if (popup) {
popup.document.write("Popup
");
popup.document.close();
popup.resizeTo(500, 400);
console.log("Asked popup to resize");
} else {
console.log("Popup blocked");
}popup.popup.resizeTo. Absolute size for that window.open returns null, show a message.Window.resizeTo() is marked Baseline Widely available on MDN (since July 2015). Availability ≠ unrestricted resizing — user agents still limit when the request succeeds.
Request an absolute outer window size across modern browsers.
Bottom line: Safe to teach and call on popups. Do not build critical UX that requires resizing the user’s main tab.
Scroll the page by a relative pixel delta.
8 people found this page helpful