Css Framework foundation.zurb problems, when convert to mobile in outsystems

Hi guys,

 I have tried to use a css framework, whose name is foundation.zurb in order to cause the site to be scalable to any device and haven't achieved it fits the resolution.

I have used the same css framework without being in OutSystems to test whether the problem was really the OutSystems and the truth is what works.

I have used the "tags":

  @ media only screen and (max-width: 767px) {...}
  @ media only screen and (max-device-width: 1280px) {...}
  @ media only screen and (max-width: 1279px) and (min-width: 768px) {...}

There is another way to do it? Can you help?

thank you
Thanks for the help but I already find out what's wrong.
For those who want to use this same framework, simply expose an expression at the top of the page with the following html:

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