Webpage starts zoomed in on mobile devices

Question

I\'m using this code on my webpage

I would thin

Answer 1

I also thought that view port was the problem but after testing it I figured viewport was not the problem.

The problem in my case was the CSS: fixed width, or width: 100% instead of width: auto. So if you find that viewport is not the problem - CSS would likely be your next guess.

Hope that helps!

Answer 2

initial-scale=1.0 tells the browser to set the zoom level to normal (i.e. not zoomed in or out). You only need width=1000:

<meta name="viewport" content="width=1000">

Answer 3

In My Case I could successfully stop zooming of the screen by just adding the following code with no extras.

    <meta name="viewport" content="width=device-width">

Answer 4

if you are using your stylesheet.css with a bootstrap link, make sure is the updated one, often it gets updated and when it does make cause errors on the old versions.

Answer 5

I tried playing with

<meta name="viewport" content="width=1000, initial-scale=1.0, maximum-scale=1.0">

and it seems my site is indeed rendered 1000px wide at scale 1. However, since my phone's screen has no space for the site, the site continues outside the viewport resulting in the feeling that the site is zoomed in.

Setting this value makes the site 1000px wide zoomed out:

 <meta name="viewport" content="width=1000">

Is this your issue?

On a side note, 1000px sounds a bit wide for a mobile website, but I assume this website is not originally made for mobile devices?