Grow your CSS skills. Land your dream job.

Should I Care About Making My Site Fit on 1024×768 Resolution?

  • # January 27, 2013 at 11:12 am

    My website fits normally on all resolutions above 1024×768. But it does not entirely fit on that resolution or bellow. Should i go the extra mile to make my website compatible on that resolution as well? or does barely anyone have that resolution?

    # January 27, 2013 at 11:27 am

    Sadly enough, way too many use resolutions like 1024×768, and even lower.
    Company computers, cellphones, iPad and so on.
    If it’s a big problem for you to redesign it, I would go with it as-is and check screen sizes with Google Analytics too see what screen sizes your users uses.

    Otherwise, a pair of media-queries should do the job!

    # January 27, 2013 at 11:44 am

    @limex it actually fits perfectly fine on all smartphones and tablets. But i’m not sure if its worth making it fit on 1024×768

    # January 27, 2013 at 11:46 am

    You should just do something like

    .page-wrap {
    width: 100%;
    max-width: 1024px;
    }

    this way it degrades gracefully. From there, you would just fix the issues via media queries.

    # January 27, 2013 at 2:12 pm

    Are you using fixed widths at different breakpoints?

    Realistically the smartest way to build responsively is to use percentage based widths and simply (as @chrisburton said) stick a max-width on for the top end.

    That way you’re ensuring it will look tasty on all screen sizes, rather than just suiting particular ones.

    # January 27, 2013 at 2:51 pm

    > it actually fits perfectly fine on all smartphones and tablets. But i’m not sure if its worth making it fit on 1024×768

    @Jarolin – I’m not sure I follow that statement. There are plenty of smartphones (even some tablets) that are smaller than 1024×768…?

    # January 27, 2013 at 3:37 pm

    @traq Well i used browserstack.com and tested it on most android devices and iphones, and the website fits fine on all. i’m not sure how but it does.

    # January 27, 2013 at 4:45 pm

    probably just “zoomed out” (many tablets will do that by default unless you specify how the site should be viewed on mobile devices).

    Opera has [a good introduction](http://dev.opera.com/articles/view/an-introduction-to-meta-viewport-and-viewport/) to these concepts.

    # January 27, 2013 at 5:45 pm

    The body frame of my site is 1000px. Is that too much?

    # January 28, 2013 at 6:59 am

    >The body frame of my site is 1000px. Is that too much?

    Why are you still using px? Make the frame a percentage of the viewport, let the browser render it for the device adjusting for device widths with media queries.

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".