Contact us
Create app
com.vaadin.flow.component.page.
Package com.vaadin.flow.component.page

Annotation Interface Viewport

@Target(TYPE) @Retention(RUNTIME) @Inherited @Documented public @interface Viewport

Defines a viewport tag that will be added to the HTML of the host page of a UI class. If no viewport tag has been defined, a default of width=device-width, initial-scale=1.0, viewport-fit=cover is used.

Since:

1.0

Author:

Vaadin Ltd

  • Required Element Summary

    Required Elements
    Modifier and Type
    Required Element
    Description
    String
    value

    Gets the viewport tag content.

  • Field Summary

    Fields
    Modifier and Type
    Field
    Description
    static final String
    DEFAULT

    Sets the viewport at the width of the device.

    static final String
    DEVICE_DIMENSIONS

    Sets the viewport at the width and height of the device.

    static final String
    DEVICE_HEIGHT

    Sets the viewport to the height of the device rather than the rendered space.

  • Field Details

    • DEFAULT

      static final String DEFAULT

      Sets the viewport at the width of the device. It makes the page match the screen?s width in device-independent pixels, allowing its content to reflow to match different screen sizes.

      Recommended for a Responsive Web Design.

      See Also:

    • DEVICE_HEIGHT

      static final String DEVICE_HEIGHT

      Sets the viewport to the height of the device rather than the rendered space.

      See Also:

    • DEVICE_DIMENSIONS

      static final String DEVICE_DIMENSIONS

      Sets the viewport at the width and height of the device. The device-width and device-height properties are translated to 100vw and 100vh respectively.

      See Also:

  • Element Details

    • value

      String value

      Gets the viewport tag content.

      Returns:

      the viewport tag content

Copyright © 2025. All rights reserved.