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
1  
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
3  
"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
add comment

5 Answers 5

up vote 2 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
add comment

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
add comment

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
add comment

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
add comment

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
1  
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 at 14:45
    
I did answer the question. 'A responsive website will be designed for any width of any device' –  Joseph Casey May 7 at 19:24
add comment

Your Answer

 
discard

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.