How to properly layout for different screens using toggle divece mode in Chome?

Question

css

I laid out one block for the screen 320 by 480 using the toggle divece mode in Chome, specifying the width and height. Then I try to access my site through the phone and I see a completely different result, in contrast to what was shown by oggle divece mode .

Answer 1

Inside head should be a viewport meta tag, something like this:

<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=0" />