Viewport Meta Tag

An HTML tag telling mobile browsers how to scale and size the page for their screens. The viewport meta tag is essential for mobile-responsive designs to display correctly. Framer automatically includes proper viewport settings.

Related terms

Related terms

  • Meta Description

    SEO

    An HTML meta tag providing a brief summary of page content, often displayed in search engine results below the title. Good meta descriptions are 150-160 characters, include relevant keywords, and entice clicks with compelling copy. Write unique descriptions for each page in Framer’s SEO settings.

  • Title Tag

    SEO

    The HTML element defining a page's title, displayed in browser tabs and search engine results. Title tags significantly impact click-through rates from search results. Write compelling, keyword-inclusive titles under 60 characters for full display.

  • Viewport

    Responsive

    The visible area of a web page within the browser window, which varies by device and window size. Viewport dimensions determine breakpoint behavior and affect what's visible without scrolling. The viewport meta tag ensures proper scaling on mobile devices.

  • Viewport Height (vh)

    Responsive

    A CSS unit equal to 1% of the browser viewport height, enabling layouts relative to screen size. Vh units are useful for full-screen sections and height-based layouts. Be aware that vh can behave unexpectedly on mobile due to address bar behavior.