You are probably missing the viewport meta tag in the html head:
<meta name="viewport" content="width=device-width, initial-scale=1">
Without it the device assumes and sets the viewport to full size.
More info here.
More Related Contents:
- Common breakpoints for media queries on a responsive site
- WAMPServer, access server from mobile phone
- Div show/hide media query
- Programmatic SMS [closed]
- How to detect when a React Native app is closed (not suspended)?
- How does Codename One work?
- Flutter (Dart): Exceptions caused by rendering / A RenderFlex overflowed
- Which are the most important media queries to use in creating mobile responsive design?
- Auto height on parent container with Absolute/Fixed Children
- Apps Script Web App elements are too small when viewed on a phone
- Using Modernizr to test for tablet and mobile – Opinions wanted
- Hover effects using CSS3 touch events
- What is the state of whitelisting in phonegap 1.3.0?
- What are the steps to make a HTML design responsive? [closed]
- What’s the best way to make a d3.js visualisation layout responsive?
- position: fixed doesn’t work on iPad and iPhone
- Sharing link on WhatsApp from mobile website (not application) for Android
- Executing Google Apps Script Functions from Mobile App
- How to detect a mobile device with JavaScript?
- What’s the right OAuth 2.0 flow for a mobile app
- jQuery: keyup event for mobile device
- Maintain aspect ratio according to width and height
- :touch CSS pseudo-class or something similar?
- iframe size with CSS on iOS
- Understanding touch events
- Android id naming convention: lower case with underscore vs. camel case
- Responsive tables, the smart way
- How to make responsive table [closed]
- iPhone WebApps, is there a way to detect how it was loaded? Home Screen vs Safari?
- ADB is not recognizing my device