Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Chrome is shrinking viewport when I open the web inspector

For some reason, whenever I open the web inspector in Chrome, the viewport of the browser shrinks. The only way to fix it is to close the inspector. Does anyone know how to fix this so it doesn't change the viewport size?

chrome glitch

like image 651
CJT3 Avatar asked Oct 24 '12 08:10

CJT3


People also ask

How do I stop chrome from responsive inspector from changing zoom?

Ctrl + Shift + M (toggle device toolbar)

How do I zoom out on Inspect Element in Chrome?

You don't need any extension to zoom in chrome. Hold CTRL key on your keyboard and Press + to zoom in and - (minus) to zoom out.


2 Answers

Click the little gear in the lower right, turn off "Device Metrics" on the Overrides tab.

like image 119
Johnnykrisma Avatar answered Sep 30 '22 07:09

Johnnykrisma


Add

<meta name="viewport" content="width=device-width, initial-scale=1">

to the head of the site giving you trouble.

like image 35
Joel Avatar answered Sep 30 '22 06:09

Joel