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 Afilias Products

Try the world’s leading device detection solution at
DeviceAtlas - Try the world’s leading mobile device detection solution

Evaluate your websites’ mobile readiness with
mobiReady - Evaluate your websites’ mobile readiness.

© 2020 Afilias Technologies Ltd. All rights reserved.

This is a website of Afilias Technologies Ltd, 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