Solved

HTML5 Support for varying screen sizes, resolutions

Posted on 2013-12-25
2
258 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

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

Thoughout my experience working on eCommerce web applications I have seen applications succumbing to increased user demand and throughput. With increased loads the response times started to spike, which leads to user frustration and lost sales. I ha…
International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
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…
Use Wufoo, an online form creation tool, to make powerful forms. Learn how to selectively show certain fields based on user input using rules to gather relevant information and data from your forms. The rules feature provides you with an opportunity…

746 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

13 Experts available now in Live!

Get 1:1 Help Now