Solved

HTML5 Support for varying screen sizes, resolutions

Posted on 2013-12-25
2
259 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
2 Comments
 
LVL 52

Accepted Solution

by:
Scott Fell,  EE MVE earned 500 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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

This article discusses four methods for overlaying images in a container on a web page
This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

939 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

Need Help in Real-Time?

Connect with top rated Experts

6 Experts available now in Live!

Get 1:1 Help Now