Website for any sized screen
Is it possible to create a website that will scale to any monitor or do you have to create one for desktops and one for TV screens and one for mobile devices?
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
agree with @junipllc.
you could do one thing that by js adjust your css width and height but even that's not 100% fool proof but it can reduce your issue at larger extent
you could do one thing that by js adjust your css width and height but even that's not 100% fool proof but it can reduce your issue at larger extent
ASKER
I am a developer and have designed many sites before the mobile craze, when you aimed at 800x600. So is the basic idea to use percentages instead of pixels or are you saying to somehow get browser window size and using a different CSS for each one?
I am just curious of best practice and this is just HTML/CSS/Javascript/JQuery
I am just curious of best practice and this is just HTML/CSS/Javascript/JQuery
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Thanks guys, I will try to check it out when things slow up. I am about to go on vacation and then come back to conferences, etc. It may be several weeks before I get the chance.
ASKER
I'm sorry. I went on vacation and then have had so much else to do that I haven't had time to get back to this project and the current static site is still functioning. I am find with the suggested course of action. Thanks for all of your great responses! I wish I could dedicate the time at present to go with them but am overwhelmed with some other demands right now. COBOLDinosaur, how much of what you are talking about is currently working in the more recent versions of IE, Safari,Firefox and whatever droid and iphone/ipad users use? I guess I could detect really old browsers and alert the user that they need to upgrade their browser for the site to appear as it should.
Thanks again!
Thanks again!
Viewport relative units support : FF19+ .. Chrome 20+ .. IE9+ .. Safari 6+ .. mobile everything since 2013/04 except Opera mini
calc() support FF4+ .. Chrome 19+ IE9+ Safari 6+, I believe Opera still does not support it mobile since 2013/04
For older browsers you just use a fallback with percentages or em. There is o circumstance where you will get any method (old or new) that is fully responsive for every device/OS/resolution. Unless you want to write a couple of thousand lines of script to modify rendering for all possible combinations, and make changes to the script for every new device/OS that come on the market.
The traffic stas for the site will tell you what MUST be supported. All I do for obsolete technology is give them what they can support, and when they reach an unsupportable state I just put up a notice and invite them to join the current decade.
Cd&
calc() support FF4+ .. Chrome 19+ IE9+ Safari 6+, I believe Opera still does not support it mobile since 2013/04
For older browsers you just use a fallback with percentages or em. There is o circumstance where you will get any method (old or new) that is fully responsive for every device/OS/resolution. Unless you want to write a couple of thousand lines of script to modify rendering for all possible combinations, and make changes to the script for every new device/OS that come on the market.
The traffic stas for the site will tell you what MUST be supported. All I do for obsolete technology is give them what they can support, and when they reach an unsupportable state I just put up a notice and invite them to join the current decade.
Cd&
Both are possibilities.
Without specifics of a site it is impossible to answer specifically. The content and basic design determine what is possible.
Cd&