2

I have an HTML document, let say this:

<p>
    lorem ipsum
</p>

In my computer it looks like this:
desktop

But, from a mobile its:
mobile

If you click the images you'll see that in the mobile view it looks reduced. I'm usign the chrome-dev-tools to simulate mobile view (but in my phone its the same) and inspecting the element I see that the html content has 980 X 1742 px, when it should have 360 X 640 px.
dev-tools

That's from my computer using chrome-dev-tools. Can someone tell my how can I fix this, or at least what am I doing wrong? Or that's how it's suppose to be from a mobile?

Theia
  • 165
  • 11

1 Answers1

2
<meta name="viewport" content="width=device-width, user-scalable=no">

Try to add this.

kyun
  • 9,710
  • 9
  • 31
  • 66
  • I did it and it worked! Thanks. Can you explain why it worked plz? – Theia Oct 06 '17 at 18:25
  • 1
    @Theia Oh.. I tried to explain but I can't ... Cause I'm not good at English. I can only suggest you https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag – kyun Oct 06 '17 at 18:26