- This topic is empty.
January 27, 2013 at 11:12 am #42289AnonymousInactive
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 #122487AnonymousInactive
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 #122489AnonymousInactive
@limex it actually fits perfectly fine on all smartphones and tablets. But i’m not sure if its worth making it fit on 1024×768January 27, 2013 at 11:46 am #122491chrisburtonParticipant
You should just do something like
this way it degrades gracefully. From there, you would just fix the issues via media queries.January 27, 2013 at 2:12 pm #122498Andy HowellsParticipant
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 #122499__Participant
> 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 #122504AnonymousInactive
@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 #122508__Participant
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 #122513AnonymousInactive
The body frame of my site is 1000px. Is that too much?January 28, 2013 at 6:59 am #122544Paulie_DMember
>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.
- The forum ‘CSS’ is closed to new topics and replies.