Inspect and trigger CSS media queries

Published on Updated on

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.

Updated on Improve article

Back

Using rotationAngle and touchRadius

Next

Shortcut to select the next occurrence

This site uses cookies to deliver and enhance the quality of its services and to analyze traffic. If you agree, cookies are also used to serve advertising and to personalize the content and advertisements that you see. Learn more about our use of cookies.