My favourite mobile viewport sizing trick

13th August 2014
All posts

I do a lot of responsive web design, in fact it’s all I do. I want the mobile screen to always be at 100% without zooming. Here’s how I do it:


meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"

It ensures my responsive websites look exactly as I expect on mobile devices; within reason.

Tags:

Nathaniel Flick

I'm a Front End Web Developer passionate about usability. My primary specialties are HTML5, CSS3, SCSS, LESS, and jQuery and I am very familiar with Foundation and Bootstrap frameworks. I've worked on top of and with Rails, Python, and ASP.net/Umbraco back end frameworks.