Fixit – Viewport meta tag

This test determines if your page has a viewport meta tag in the header. The viewport meta tag lets you modify the virtual viewport applied to the page and to target those modifications to particular viewport sizes. In effect, it instructs the browser when and how to zoom a page to achieve optimal rendering. Better rending within the browser improves user experience and allows webpages to dynamically adjust to different device types.

Checking for Viewport

This test checks to see if the page header contains a viewport meta tag. It does not check the internal logic or consistency of the viewport rule. If no viewport meta tag is found in the page header then the test reports a FAIL.

If you receive a FAIL for this test, you should consider adding a viewport meta tag to your page header.

 

Reference

This test is based on a Google PageSpeed best practice. See https://developer.mozilla.org/en/docs/Mozilla/Mobile/Viewport_meta_tag for more details on implementing the Viewport meta tag.

Leave a Reply

Exclusive tips, how-tos, news and comment

Receive monthly updates on the world of mobile dev.

Other Products

Market leading device intelligence for the web, app and MNO ecosystems
DeviceAtlas - Device Intelligence

Real-time identification of fraudulent and misrepresented traffic
DeviceAssure - Device Verification

A free tool for developers, designers and marketers to test website performance
mobiReady - Evaluate your websites’ mobile readiness

© 2024 DeviceAtlas Limited. All rights reserved.

This is a website of DeviceAtlas Limited, a private company limited by shares, incorporated and registered in the Republic of Ireland with registered number 398040 and registered office at 6th Floor, 2 Grand Canal Square, Dublin 2, Ireland