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
Solved

HTML5 Support for varying screen sizes, resolutions

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

Free Tool: Postgres Monitoring System

A PHP and Perl based system to collect and display usage statistics from PostgreSQL databases.

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 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 …
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
Learn how to set-up custom confirmation messages to users who complete your Wufoo form. Include inputs from fields in your form, webpage redirects, and more with Wufoo’s confirmation options.

840 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