O'Reilly logo

ASP.NET MVC 4 Mobile App Development by Andy Meadows

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

A responsive design

And now we've come full circle. In Chapter 3, Introducing ASP.NET MVC 4, we talked about responsive design and what it means to develop apps that attempt to present themselves properly within any browser window, and to continually respond to changes in the size of the browser window or in the content that the page itself is displaying.

In the previous section, we learned there was a @media tag located in our Site.css file.

@media only screen and (max-width: 850px)

This media tag contains beneath it a set of styles that applies to all screen media types that have a maximum width of 850 pixels—that is to say most mobile devices.

We also learned that our _Layout.cshtml file contains the viewport meta tag telling the mobile browser ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required