Ramy Mohsen
asked on
standard screen resoutions
According that there are many screen resoutions for computers, laptops, tablets and mobiles
what are the standard screen resoutions to consider in developing and final testing ?
Thanks
what are the standard screen resoutions to consider in developing and final testing ?
Thanks
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Usually, using proportional parameters will allow your page to fit within a browse's window.
Are you looking to tailor your display by detecting the resolution/window sizeS?
Before, 800x600, with a prevelanceof larger screen, 1024x768, 1600x1080 are more and more common given more and more ....... Become available .....
More and more displays go to 16:9 ratio...versus the 4:3
Are you looking to tailor your display by detecting the resolution/window sizeS?
Before, 800x600, with a prevelanceof larger screen, 1024x768, 1600x1080 are more and more common given more and more ....... Become available .....
More and more displays go to 16:9 ratio...versus the 4:3
Yes, so 1600x900 is now also one of these 19 inch 16:9
The most common resolution is 1366x768 because of all the laptops that are made with that size screen.
I have clients that do their own HTML page design and they are using 2564x1536 monitors. I have to frequently remind them that most people do not have monitors that large. They were supposed to get a cheap laptop with 1366x768 screen for testing but I don't know if they ever did.
Personally, I very very very infrequently use full screen size browser windows.
Those who use fixed widths/heights are .....
One can test no matter your screen resolution by adjusting the size of the browser window. It is as closer to see ones page adjust based on the available space.
One can never design for all possible dimensions.
Those who use fixed widths/heights are .....
One can test no matter your screen resolution by adjusting the size of the browser window. It is as closer to see ones page adjust based on the available space.
One can never design for all possible dimensions.
What hasn't been mentioned is that your site should be responsive. You develop one set of code with the use of media queries. I suggest using bootstrap: http://getbootstrap.com/css/#grid-media-queries
You'll see that it's 768px, 992px, 1200px. That's 4 ranges that content can be displayed in. Bootstrap uses media queries to dynamically arrange the content based on the width of the browser widow.
I suggest this as they've done extensive testing to ensure these are the best ranges to use. Then it doesn't matter what device or screen you view your site on, you know it will just work.
You'll see that it's 768px, 992px, 1200px. That's 4 ranges that content can be displayed in. Bootstrap uses media queries to dynamically arrange the content based on the width of the browser widow.
I suggest this as they've done extensive testing to ensure these are the best ranges to use. Then it doesn't matter what device or screen you view your site on, you know it will just work.
customcompact,
I'm wondering why you've closed the question, selecting a comment that I can't see how it answers your question.
Was there a reason you did not split the points on this?
I'm wondering why you've closed the question, selecting a comment that I can't see how it answers your question.
Was there a reason you did not split the points on this?
https://en.wikipedia.org/wiki/List_of_common_resolutions