How to get a web page resize layout with CSS to according to resolution ( i.e . mobile devices ) ?

Hello Experts.

I've seen somewhere on a Dreamweaver video of an upcoming feature a while back that can take your webpage and have it resize and change layout if it detects a mobile device or something with a different resolution.

I'd be very grateful for pointing to the right way.

Thanks in advance.
colonelblueAsked:
Who is Participating?
Cloud Class® Course: SQL Server Core 2016

This course will introduce you to SQL Server Core 2016, as well as teach you about SSMS, data tools, installation, server configuration, using Management Studio, and writing and executing queries.

 
IanThCommented:
see
http://tv.adobe.com/watch/cs-55-web-premium-feature-tour-/dreamweaver-cs-55-creating-a-native-mobile-application/

they bought phonegap of the devs and integrated it into dreamweaver so you can write a app using web design elements
0
 
s8webCommented:
*Not for points, the first comment steers you in this direction.*

It's funny, we spent a long time waiting for displays to get bigger, and processing power to improve so we could make everything big and shiny, then bam, we're targeting small displays again.

Anyhow, you should take a few to look into 'responsive web design.' You use 'css media queries' to deliver different css content to various display sizes.

The media queries work natively in all good, modern browsers, and IE9. You 'll need to include a little conditional js to support <IE9.

http://thinkvitamin.com/design/beginners-guide-to-responsive-web-design/
http://designmodo.com/responsive-design-examples/

I noticed that Dreamweaver 5.5 understands this principal. That's probably what you heard about. I use DW as a code editor only. I've never been pleased with it's WYSWIG design stuff. It's best to set up a test environment instead of relying on DW's parser.
0
 
IanThCommented:
I have to tell you its not good to target ie9 m$ are going to silently update ie so in the future web code needs to be very strict to work with any ie version I have a feeling that using dreamweaver will work but I think its far better to use now and in the future html 5 as I think that will also help out the situation with ie
0
 
IanThCommented:
dreamweaver has integrated phonegap which was available before I useed it with eclips it to do it for mobile devices way before adobe purchased it
essentially an app is a web design its not really going to work as a local app that needs to be done in xcode to use nitro as thats the only way
0
 
colonelblueAuthor Commented:
Thank you SO VERY much. I have much to digest.
Cheers Experts!
0
 
colonelblueAuthor Commented:
Thanks IanTh and mroonal.
IanTh , you just rock!
Also s8web, thank you for those great additional links. Greatly appreciated!

I wish you all great karma.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.