Clever Geek Handbook

AngularJS mobile layout not responsive

I am trying to create a responsive website and the problem I am facing is the mobile version that looks like a super tiny desktop version.

<body ng-controller="body" >

<div layout="column">
    <div flex>
        I'm above on mobile, and to the left on larger devices.
    </div>
    <div flex>
        I'm below on mobile, and to the right on larger devices.
    </div>
</div>
</body>

In the above example, on the desktop, there are two flex

divs next to each other in a row, if I resize the browser, the divs end up going from inline to one below the other, as intended. The problem is that on mobile the divs remain stationary and the font looks tiny and it basically looks like a very small website. It is not like the reacting part is floating. I am clearly missing something.

+3


source to share


1 answer


You need a metaphorical representation in the main tag. Please refer to: https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag



+6


source






More articles:


All Articles