Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 9 years ago.
Improve this question
I have been doing some research about what width you should use for your website if you're not using responsive design.
The most mentioned width where:
960px
978px
980px
My question is since most of these posts where outdated, which one is prefered nowdays?
I want it to scale down so good as possible for mobile devices.
Thanks Jack
Number 960 is divisible with pretty much anything (28 factors, which is a lot), that's the reason it's used the most. This not only scales well, but allows you to divide the page into many, many variants of equal-width column numbers.
And it's probably to stay around as a standard for quite a while (until we get much larger/denser displays).
Mobiles nowadays have no trouble scaling whatever you give them, but it's your task to make sure it looks nice and readable when it's scaled down, even if you decide not to use 960.
Related
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 8 years ago.
Improve this question
What do people think is the minimum screen size one needs to cater for?
640px?
Is there are hard and fast rule like the old 960px wide?
Thanks
Similar question like;
http://stackoverflow.com/questions/842638/whats-the-standard-minimum-resolution-i-should-support-with-a-website
http://webmasters.stackexchange.com/questions/1423/which-minimum-browser-or-screen-resolution-should-i-target-my-web-apps
Min. resolution for responsive layout that should be supported is 320px X 480px i.e. iPhone resolution.
Yeah totally true what has already been said that the minimum screen size you have to cater to is usually 320px.
Also, I would say that after you deploy the site, you should monitor it frequently with Google Analytics which will tell you what screen-size your website visitors are using.
Today we have a lot of screen sizes. I don't think we have a minimum sreen size. And if we have, probably it will be the iWatch...
http://media-cache-ak0.pinimg.com/736x/bb/d1/a2/bbd1a29bf07aa047ac66a74f88751328.jpg
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 9 years ago.
Improve this question
I know responsive units like rem were introduced to make a page properly zoomable, but I wonder if there is any other use case, if modern browsers zoom px-based values, too? They even treat px-based media queries responsively nowadays: if I zoom into a responsive website far enough, it will switch to the mobile layout.
Thank you.
EDIT:
I only know one use case myself: If you want users to set the font-size dynamically on a page (e.g. like in a ebook reader app something like this).
rem was not introduced to make a page "properly zoomable", it was introduced to allow the sizes of things to be set relative to the base font size.
Having content scale based around the font size the user is comfortable reading is useful.
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 8 years ago.
Improve this question
What is the largest width/height that could be applied to the canvas element effectively? (only draw to the canvas once), also think of mobile etc.
Thanks!
If you are thinking of mobile and wanting the largest possible, those are working at contrary aims.
Mobile the largest reasonable depends on the device size for viewing. Your question sounds more like it is asking what is the largest canvas you can draw...which would depend on what you are putting on it and the hardware of the computer it is being rendered on.
There is not alot/any reasons to use super giant canvases, as far as I know.
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 4 years ago.
Improve this question
How can I be sure that my web site can be viewed in smatphones (with different resolutions and screen's size) without any problem.
Is there a way to convert the couple html/css of a classic web site to be compatible everywhere.
Best regards.
I use http://mite.keynote.com/ to help test websites on mobiles that I don't have physically available. It's not perfect, but it's about the best testing suite I've seen and will definitely give you an idea of whether or not your design will work.
As for the actual design methodology, just make sure you don't specify anything in pixels or points, all dimensions should be specified with em's (or ex, etc) or percentages. From there, it's just a matter or trying things to see if they work.
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 8 years ago.
Improve this question
I essentially want to be able to scale the entire site (images, elements, the whole sha-bang) to what ever browser size window the user is using. Anyone have success doing this and would be willing to share how?
I'm using HTML 5 by the way.
You need to start thinking about sizing your elements using percentages instead of pixels.
Take a look at this simple example and it may help you on your way. Good luck.
http://jsfiddle.net/hACbn/1/
Take a look at using responsive layouts:
Here's a half decent framework to get you started
http://gridpak.com/