5

I used to be able to open developer tools, click the little icon bottom right to open responsive mode and then drag the window width handle to change the device width.

This was really useful to see how a website would perform on different devices.

However now it just changes the scale of the page, not the width - this is rubbish.

How can I change the width keeping a fixed scale?

EDIT:

Oh - may bad. It was just the website I was on. Others work fine like it used to. Oh well.

Felix Eve
  • 3,811
  • 3
  • 40
  • 50
  • I have the latest (49.0.2623.112) Chrome and Toogle device mode (Ctrl+Shift+M) is there – StackExploded Apr 08 '16 at 01:08
  • I'm voting to close this question as off-topic because I just misunderstood the question. I thought it was a missing feature / bug of Chrome inspector but actually it was just a problem with the website I was looking at. The whole thing is nonsense and should be removed. – Felix Eve Apr 11 '16 at 04:15

2 Answers2

10

You need this meta tag in the head section:

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

This answer comes from here.

ttvd94
  • 307
  • 3
  • 13
1

Use Toggle Device Mode by pressing the CTRL SHIFT M sequence and the page should scale if its components are responsive.

George Netu
  • 2,758
  • 4
  • 28
  • 49