Creating a WebApp, how to get it responsive?


#1

I am creating a webapp designed for a smartphone screen. I thought I would be able to use the Ionic Framework straight off the bat, and it would be responsive out of the box.

It looks good in the browser on the computer, but when I try it out on the smartphone it is super tiny (headers, div input lists, buttons, everything). I started out with the Ionic seed example and just cut out the www folder. Any hints on what to do?

Thanks!

EDIT: I tried it out on a real device. Having removed the cordova project, I haven’t tried it in the simulator or similar.


#2

Have you included a viewport meta tag?

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

Sounds like this is your issue


#3

Perfect! Thanks a lot