Inspect and trigger CSS media queries

Umar Hansa

Inspect and trigger CSS media queries, also locate them in code

Use the Media Query Inspector to inspect and trigger the registered breakpoints on a page. In Device Mode, click the icon which looks like staggered bars in the upper left corner of the page, the MQI opens.

You can trigger the various breakpoints with a click on a bar. If you right click on a bar, you can reveal its position within the source code.

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies. Java is a registered trademark of Oracle and/or its affiliates.

Last updated 2015-07-19 UTC.

Inspect and trigger CSS media queries Stay organized with collections Save and categorize content based on your preferences.

Inspect and trigger CSS media queries