Page 1 of 1

fit to viewport metatag

Posted: Mon Apr 04, 2022 10:23 pm
by prman
I wonder why my test web page https://peterr37.sg-host.com/dprof173/ is not automatically fitting to mobile viewport size, even though the "automatically include viewport metatag for responsive web pages" feature in metatags is checkmarked. I'm only using one breakpoint so far - 480px. I was expecting the page to render automatically to viewport width on a phone, without manual pinch and zoom, but not happening for me. Any tips? I'm now using version 17 for this. Thank you

Re: fit to viewport metatag

Posted: Tue Apr 05, 2022 3:13 am
by crispy68
In Manager Breakpoints, which option do you have checked?

Activate breakpoints when browser window is smaller than the device width or Activate breakpoints when browser is larger than device width?

I always suggest using the 2nd option. Keep in mind, if your only breakpoint is 480px then most phones screen widths are less than this so it's going to see a 480px wide screen which may be too big for the phone causing you to zoom. Then when above this value its going to see your default width which could be even larger.

Re: fit to viewport metatag

Posted: Tue Apr 05, 2022 5:57 am
by Pablo
"automatically include viewport metatag for responsive web pages"
This option only applies to "responsive pages".
This means that the page should either have breakpoints or use flexible layout (layout grid, flex box etc)

Re: fit to viewport metatag

Posted: Tue Apr 05, 2022 6:07 pm
by prman
ok thanks for the tips, haven't got it working yet but I'll keep at it!