Member Avatar for binoj_daniel

I want to know what is the best screen resolution for a website. My website is a technical resource portal. Based on the best pratices please suggest what to follow.

Is 1024 x 768 a standard now? Right i have a free flow CSS layout but it is not working very well for me. I dont have much control over the design with the Flex Layout.

Please provide your suggestions.

  • 6 Contributors
  • 10 Replies
  • 123 Views
  • 1 Week Discussion Span
  • Latest Post Latest Post by binoj_daniel

Dani AI

Generated

Choosing a layout by looking at device mix was the right move. The old rule of “design to a single desktop resolution” is obsolete for a content-heavy technical portal. Analytics-driven decisions (as started doing) plus a mobile-first, responsive approach give the best result: readable text, predictable columns on large screens, and usable pages on phones and tablets. ’s switch to a fluid layout is sensible; the key is constraining line length and testing breakpoints, not making everything stretch edge-to-edge.

Practical, implementable steps:

  • Add the viewport meta in the head so mobile browsers scale pages correctly.
  • Constrain the content column for readability (use a max-width expressed in characters or relative units rather than an arbitrary pixel full-width).
  • Make media fluid: images and embeds should use max-width:100% and height:auto.
  • Use a mobile-first CSS strategy and define breakpoints based on your analytics, not on assumptions.

Minimal example (apply and adapt to your CSS architecture):

<meta name="viewport" content="width=device-width, initial-scale=1">

.wrapper {
  max-width: 65ch;    /* keeps line-length readable */
  margin: 0 auto;
  padding: 0 1rem;
}
img, video { max-width: 100%; height: auto; }

Troubleshooting notes tied to earlier comments: if a flexible layout feels “uncontrollable,” validate HTML, inspect computed widths with browser devtools, and set box-sizing: border-box on elements so padding does not break math. Use your analytics to refine breakpoints over time (as advised), and remember older readers and special-use audiences may need fallbacks or larger typography (a point raised by ). Testing in real devices and using analytics post-launch is the final authority.

Recommended Answers

All 10 Replies

Member Avatar for autocrat

1) Technically, the "best" is the one that most of your users will have.

2) I still use 800 as the minimum (776px).

3) Do you mean Flexible or Fluid? Flexible is equal to Elastic... it shifts from a Min to a Max... Fluid generally means it will keep on matching the browser.

4) Whether Fluid/Flex - it shouldn't make any difference to your control over layout.
If you are encoutnering issues, it may be that you have got something slight amiss with your markup/styling - not a major problem... should be simple to find it and fix it.

Member Avatar for ptaylor965

My Users Resolutions from Google Analytics

40.65% 1024x768
28.63% 1280x1024
07.44% 1280x800
05.15% 800x600
03.63% 1680x1050
03.05% 1152x864
02.67% 1440x900
01.91% 1280x960
01.91% 1400x1050
01.72% 1600x1200

Member Avatar for autocrat

Those are "across the board" stats - and may not represent the "user base" for a website (think, how many 45+ users have 1200+ monitors, and how many -25 have 800???)


Still - damned good set of figures... and a good point of referene :)


So, do you know your user-base / target audience?
I suppose you could make 1 single design... then once you have the stats, alter it.

Member Avatar for binoj_daniel

Thanks for the information and the stats. I am planning to go with fixed layout 1024 X 768 for now.

Member Avatar for binoj_daniel

My Users Resolutions from Google Analytics

40.65% 1024x768
28.63% 1280x1024
07.44% 1280x800
05.15% 800x600
03.63% 1680x1050
03.05% 1152x864
02.67% 1440x900
01.91% 1280x960
01.91% 1400x1050
01.72% 1600x1200

You can read and contribute more .NET articles on my site here. Currently the site is going thorugh a whole re-design work and will be up in a month with more exiting features and content.

Member Avatar for pty

I want to know what is the best screen resolution for a website. My website is a technical resource portal. Based on the best pratices please suggest what to follow.

Is 1024 x 768 a standard now? Right i have a free flow CSS layout but it is not working very well for me. I dont have much control over the design with the Flex Layout.

Please provide your suggestions.

If your site is technical I wouldn't imagine that many would be using 1024x768.

Saying that, it should still look ok in that resolution. If you're using CSS properly your site should look decent at any resolution.

Member Avatar for tiptopland

Hi
In case u design flaxible site use 98% of screen size and if you want to make a static design 1024 is standard now.

Member Avatar for autocrat

Glad that it's increasing from 800 to 1024....
why only 98% though?
I set the html/body to min-width: 100.2%... which invokes the scrollbar down the side (so almost all browsers are the same view width) and means the odd percetage seems to handle the odd calculations on certain browsers.

Member Avatar for MidiMagic

Many "oldsters" with failing sight use 600 X 800.

Member Avatar for binoj_daniel

After all the valuable suggestions I think Iam going with Fluid Layout keeping in mind that my site is a content driven site.
Thanks a lot guys. Keep posting.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.