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)
To zoom out try pushing AltGr + - or Ctrl + - .
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 (-).
You can also toggle device mode on/off using the keyboard shortcut: Ctrl+Shift+M (or Cmd+Shift+M on Mac).
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.
Here's how I finally managed to resolve this issue in 5 steps, I hope it helps:
Click "Toggle device toolbar"
to bring the toolbar up
Click the 3 dots on the right hand side of the device toolbar
Click the option "Add device type"
.
This will add a new dropdown to the device toolbar. From there you can select "Desktop (touch)"
Problem solved.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With