• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 276
  • Last Modified:

HTML5 Support for varying screen sizes, resolutions

I'm building an ASP.NET app that I hope to have run on phone, tablets and PCs.  I've been told that there are features in HTLM5 that facilitate the resizing/rescaling of divs and their contents to fit the different size and resolution of the client devices.   However I have not been able to locate documentation and/or tutorials that speak to this specific type of function.

Any pointers to where I might find such (if it actually exists) would be appreciated.

Thanks!
0
codequest
Asked:
codequest
1 Solution
 
Scott Fell, EE MVEDeveloperCommented:
Have a look at http://getbootstrap.com/ or http://foundation.zurb.com/ both are a good starting point for responsive sites and include css, grid, media queries, jquery and some plug ins built for "mobile first".

All you need to do is use the built in classes http://getbootstrap.com/css/#grid-options  some examples http://getbootstrap.com/getting-started/#examples

I have used both and lean towards bootstrap only because there are more themes and plug ins for bootstrap. Both are good though.  

If you want to roll your own, you will start with media queries https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries but it is much easier and faster to start with bootstrap or foundation.

Keep in mine your asp.net is server side code and runs on the server before the html is rendered.  CSS and Javascript/Jquery run after the html is rendered.   This means using bootstrap or foundation does not mess with your .net serverside code.
0
 
codequestAuthor Commented:
Thanks for the input on this.  Bootstrap looks quite good, and led me to RWD as a general concept, so...this one is answered.  Grazie!
0

Featured Post

VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now