I have a website, thats 900px in width, and I am sure it would loog good on a laptop, but I have a lot of space on both sides, when I look at it on a widescreen monitor. I was generally reading that it recommended etc, but is it not a little 2005 way of thinking etc? I think that websites at about 980px width (I am talking here about websites that are centered, margin: 0 auto; etc). My question would be, do people generally create different versions for different screen sizes, do detection (probably JavaScript) and load specific site based on the screen size etc, or is it generally too much work and people dont do that etc. What is the best way to go about that? I am mostly gonna be working on Wordpress blogs for now, so the question would be mostly related to this. Thank you.
Good question. There are several tricks to make responsive web page. There are some java and css hooks which resolve various screen resolutions. Just google responsive web design and you will get your answer. Nobody sane makes different versions for defferent screens.
I would just have the width of the main content section as a percentage, instead of a fixed pixel amount.
You need to make different stylesheets for different screen size.. Here i made 3 stylesheets then add this in your html code like i have given below... ) If you need any other help, Then feel free to PM me )
In addition to that, you need to have your entire website optimized for mobile. Otherwise, entire web page will look distorted too!
u can use percentage in your css or simply make different style sheet each one for a range of resolutions using javascript
I think everyone will be happy with the list of tools in responsive web design here: Test Your Website on different Screen Resolutions
Hey there. I'd suggest you to read an article about various techniques and grid systems for building websites that adapt their look to various screen size, resolutions, devices and orientations on OddMag http://www.oddmag.com/inspiration/creating-responsive-designs-resources-tips-deals/
most phones can handle the different sizes just fine. I personally don't worry about it. 1020 - 1080px is a pretty normal width for most common websites. I really wouldn't worry about dynamic resizing, its really more trouble then its worth.
This is call Responsive site development. you can use mobile desive detection Javascript to show your site in mobile browser, only the css will matter Generaklly you can make your site 1200 PX width which looks really better. use percentage in CSS so that css can adjust with any computer screen.