问题
-When using the 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 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)
回答1:
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.
回答2:
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.
回答3:
to disable scala and zoom you must add this inside head tag :
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
it's not a chrome problem
回答4:
I asked this question a long time ago, and today I noticed a change in Chrome. I am not sure when this was introduced, since I haven't used the responsive options as much, but on Version 73.0.3683.86 (Official Build) (64-bit) there's now an option called "Auto-adjust zoom", and it was checked (enabled) by default. I unchecked it, and now the zoom will no longer change when the screen is resized.
You can access this option by clicking on "100%" next to the screen size, in the responsive screen. See image below:
回答5:
- Click F12
- In the right, top corner, near to chrome cross sign click on "Customize and control DevTools" kebab menu.
- Click settings
- Click Preferences
- At the bottom, Click Restore defaults and reload
- Make sure that you extensions will be removed.
回答6:
Here is what worked for me:
- F12 (open developer tools)
- Ctrl + Shift + M (toggle device toolbar)
- Click the top right three dot menu
- Click Add Device Type
- On the top bar, A "Mobile" or "Desktop" dropdown list should appear
- Chances are "Mobile" is selected, switch it to "Desktop"
The auto-zoom should now go away, when you are in responsive mode and shrink the width of the viewport/device...
回答7:
under zoom menu in responsive window > auto adjust zoom must get disabled
回答8:
Change Dock side to Undock into separate window as shown in the picture below:
来源：https://stackoverflow.com/questions/40810720/how-to-stop-chrome-responsive-inspector-from-changing-the-zoom