?
Solved

HTML5 Support for varying screen sizes, resolutions

Posted on 2013-12-25
2
Medium Priority
?
271 Views
Last Modified: 2013-12-29
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
Comment
Question by:codequest
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
2 Comments
 
LVL 53

Accepted Solution

by:
Scott Fell,  EE MVE earned 2000 total points
ID: 39739617
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
 
LVL 2

Author Comment

by:codequest
ID: 39745067
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

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article discusses how to create an extensible mechanism for linked drop downs.
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
This video teaches users how to migrate an existing Wordpress website to a new domain.
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.
Suggested Courses

801 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question