Search code examples
htmlcssmobilemeta

viewport meta tag not performing as expected

using this meta tag , as i understand supposed to make the site layout fit itself to a mobile screen width and allow vertical scroll only,

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

for some reason it is not performing as expected on my site http://www.nikib.co.il/ and im getting a weird behavior

Also tries using 

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

But still im not getting the expected results... can anyone think of a reason what am i doing wrong here ?

Solution

  • your viewport seems to be correct. your CSS isn't. to have the expected behavior you need to adjust your site-width to a maximum of 100% not a fixed pixel-width.

    That results in a full code review and partly rebuild of your sites css (and html).