Clever Geek Handbook

I have a mobile site, but it is loading zoomed in. How can I fix this?

I have a mobile site, but it is loading zoomed in. How can I fix this.

+5


source to share


3 answers


You must insert the Viewport meta tag.

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


This means that the browser will (possibly) render the page width to the width of its own screen. So if that screen is 320px wide, the browser window will be 320px wide, not zoomed out and showing 960px (or whatever the device does by default, instead of a responsive meta tag).

Ref: Css-Tricks - Responsive Meta Tag - MDN - Using the viewport Meta Tag to Control Layout in Mobile Browsers

+11


source


You may need to set the viewport

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


http://davidbcalhoun.com/2010/viewport-metatag/

+2


source 


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

worked for me

0


source






More articles:


All Articles