HTML

Structure of content on the web

  • Web APIs

    Interfaces for building web applications

  • Learn
  • HTTP Observatory

    Scan a website for free

  • Web APIs
  • caches
  • credentialless
  • devicePixelRatio
  • documentPictureInPicture
  • event
  • external
  • fence
  • fullScreen
  • innerWidth
  • launchQueue
  • locationbar
  • mozInnerScreenX
  • mozInnerScreenY
  • navigation
  • orientation
  • originAgentCluster
  • performance
  • screenLeft
  • scrollbars
  • scrollMaxX
  • scrollMaxY
  • sessionStorage
  • sharedStorage
  • status
  • trustedTypes
  • atob()
  • back()
  • blur()
  • captureEvents()
  • clearImmediate()
  • confirm()
  • dump()
  • find()
  • forward()
  • getDefaultComputedStyle()
  • getScreenDetails()
  • moveTo()
  • prompt()
  • queryLocalFonts()
  • releaseEvents()
  • requestFileSystem()
  • scroll()
  • scrollByLines()
  • scrollByPages()
  • setImmediate()
  • setResizable()
  • showDirectoryPicker()
  • showModalDialog()
  • showOpenFilePicker()
  • showSaveFilePicker()
  • sizeToContent()
  • webkitConvertPointFromNodeToPage()
  • webkitConvertPointFromPageToNode()
  • Events
    1. beforeprint
    2. cut
    3. error
    4. hashchange
    5. messageerror
    6. orientationchange
    7. pageswap
    8. resize
    9. scrollsnapchange
    10. scrollsnapchanging
    11. unload
    12. vrdisplayactivate
    13. vrdisplayconnect
    14. vrdisplaydeactivate
    15. vrdisplaydisconnect
    16. vrdisplaypresentchange
  • Inheritance
    1. Learn more
    2. See full compatibility

    • The Window.resizeTo() method dynamically resizes the window.

    Syntax

    js
    resizeTo(width, height)

    Parameters

    width

    An integer representing the new outerWidth in pixels (including scroll bars, title bars, etc.).

    height

    An integer value representing the new outerHeight in pixels (including scroll bars, title bars, etc.).

    Return value

    None (undefined).

    Examples

    This function resizes the window so that it takes up one quarter of the available screen. See the Screen.availHeight properties.

    js
    function quarter() {
  window.resizeTo(window.screen.availWidth / 2, window.screen.availHeight / 2);
}

    Specifications

    Specification
    CSSOM View Module
    # dom-window-resizeto

    Browser compatibility

    Note: It's not possible to resize a window or tab that wasn't created by window.open(). It's also not possible to resize when the window has multiple tabs.

    Note: This function might not resize the window synchronously. In some environments (like mobile) it might not resize the window at all. You can listen to the resize event to see if/when the window got resized.

    See also