Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to stop chrome responsive inspector from changing the zoom?

When using the option "toggle device scrollbar" in the Chrome inspector, whenever you type a new width/height, the window zoom adjusts for that width/height automatically. This is an incredibly frustrating UI, as I don't want the zoom to adjust... ever. The only way to avoid this is by resizing the responsive window by dragging the side borders.

Is there a way to turn the auto zoom off?

My current version of chrome: Version 54.0.2840.98 (64-bit)

like image 443
gdaniel Avatar asked Nov 25 '16 18:11

gdaniel


People also ask

How do I zoom out on Inspect Element in Chrome?

To zoom out try pushing AltGr + - or Ctrl + - .

How do you zoom out of DevTools?

Zoom in and out of the DevTools Or zoom out to get the most amount of code on screen as possible, using Command–Minus sign (-).

How do I turn off toggle toolbar?

You can also toggle device mode on/off using the keyboard shortcut: Ctrl+Shift+M (or Cmd+Shift+M on Mac).


2 Answers

I have had this issue a few times now. I'm unsure what causes it, but i've found that you can fix it by selecting "Restore to defaults" in the Toggle device toolbar menu.

Screenshot here

like image 189
Jack Lovett Avatar answered Oct 02 '22 21:10

Jack Lovett


Here's how I finally managed to resolve this issue in 5 steps, I hope it helps:

  1. Click "Toggle device toolbar" to bring the toolbar up image of toggle device toolbar icon

  2. Click the 3 dots on the right hand side of the device toolbar

image of location of 3 dots

  1. Click the option "Add device type".

  2. This will add a new dropdown to the device toolbar. From there you can select "Desktop (touch)" image of new device type dropdown

  3. Problem solved.

like image 21
Mad Dog Cadogen Avatar answered Oct 02 '22 21:10

Mad Dog Cadogen