Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

Maybe this is a stupid question but I wonder if it changed.

Websites used to be 960px wide so all screen resolution could easily see all the content.

But with the new 'responsive-design' and html5 this isn't really nessesary, because people use responsive design for showing on mobile phones and tablets.

So my question:

What's the best width for a responsive-design on desktop?

share|improve this question
Available screen estate is not the best measure for content width. Readable line-length is. And by readable line-length, I mean the length of a line that readers can still comfortably keep their position in the line and in the paragraph. You won't see any newspapers with paragraphs spanning the entire width of the page... –  Marjan Venema Jul 28 '13 at 8:28
"What's the best width for a responsive-design on desktop?" = the preferred width of the end-user. –  DA01 Jul 29 '13 at 2:27

6 Answers 6

up vote 3 down vote accepted

Ultimately, the optimum width and breakpoints for a website depends on the content that it displays.

That said, the great part about responsive design is that you can cater towards not only smaller screens, but larger displays as well. You can use a 960 breakpoint, but you can also use 1200, 1400, etc.

share|improve this answer
ah yeah, the most responsive sites I come across are around 1100px wide. so I will stick with that. I wasn't sure about it. Thanks :) –  Kees Sonnema Jul 27 '13 at 20:19

I think the point here is that if your not doing a FULL width site, then what should your CONTENT container width be. In my eyes 1100px is a good width for something of a boxed design, and then you can make it responsive to adjust to all the smaller resolutions.

The most popular screen resolution now is a laptop screen of 1440 wide and, from W3 Schools website, 99% of people have a screen resolution of 1024x768 now. So if you do a responsive query around 1024 then 960 then 800 then 480 you should cover pretty much all your bounds, maybe add a couple break points in-between if you need to bridge a gap with a logo or text or something.

share|improve this answer
Please provide sources to substantiate your information. A quick Google search seems to contradict your resolution assertions, with 1440x900 at less than 6%. What are your statistic sources and what is the rationale for selection the quoted break points, beyond personal preference? –  Evil Closet Monkey Aug 15 '14 at 0:57

The whole point of responsive design is that you don't start to design from the width of your page.

The idea of responsive design is that you start design from the components up. Think about what content you want to display, and then design a scaling system. Something that expands and shrinks along with the width of the screen.

Responsive sites do not have an inherent width. Very simple responsive designs may have breakpoints. These are essentially a mobile, tablet and desktop site rolled into one. But that's only the simplest level. More ambitious responsive design is defined in terms of the window size, scaling its text size smoothly, but also using breakpoints to decide when certain superfluous elements should disappear or move inline.

It's all about designing systems instead of pages.

share|improve this answer

WHOA WHOA WHOA?!? 1100px is not the answer!!!

Responsive means that it responds to a screen up to commercial maximum. 1100px is not the commercial maximum. You might want to reread some of the information that people took the time to give you. A responsive website will be designed for any width of any device.. This is why it frustrates me that people got the terminology all butchered forcing 'fluid' to be a terminology.

share|improve this answer
The question is "What is the best resolution" not "what isn't". Can you amend your answer so you're addressing the question itself? –  JonW Apr 17 '14 at 14:45
I did answer the question. 'A responsive website will be designed for any width of any device' –  Joseph Casey May 7 '14 at 19:24

960px is a good base width because tablet viewers (in landscape) can still see the whole site as you designed it.

You just have to plan. Yes, a responsive website is based on percentages, but if you set your sidebar to, say, 25% of the page width, then it will be super narrow on a phone or smaller tablet.

Best to set fixed pixel widths for sidebars, then clear their float on screen sizes smaller than 600px or so.

Then test it, test it, test it. Look at every single page. It's tedious, but you'll be so surprised at that thing you thought would jus work on a mobile-sized screen looks terrible.

share|improve this answer

According to my knowledge, the responsive designed websites generally don't need any specific width/resloution, since the websites adjust properly automatically on tablets/phones and on desktop as well.

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.