Click here to Skip to main content
Rate this: bad
good
Please Sign up or sign in to vote.
See more: CSS HTML
Hi i have developed a website with 3 resolution
1>1132x640
2>846x480
3>1728x972
i have made a landing page which realocate the user to the page as resolution of the monitor .
but there is a problem its cover the whole screen .
what to do ?
Posted 13-Jan-13 20:24pm
Edited 14-Jan-13 12:40pm
v2
Comments
Sergey Alexandrovich Kryukov at 14-Jan-13 1:51am
   
Makes little to no sense. What will you do with all different screen sizes?
The only right approach is development of resolution-tolerant design. You can read on fluid and liquid design techniques...
—SA
Sandeep Mewara at 14-Jan-13 2:47am
   
This is not a well framed question! We cannot work out what you are trying to do/ask from the post. Please elaborate and be specific.
Use the "Improve question" link to edit your question and provide better information.
Sergey Alexandrovich Kryukov at 14-Jan-13 17:54pm
   
OP clarified a bit, but now, this is a really bad idea...
—SA

1 solution

Rate this: bad
good
Please Sign up or sign in to vote.

Solution 1

While I'm not 100% certain what you are talking about, there are two concepts which you may be referring to:
  • Responsive Web Design (RWD)
  • Adaptive Web Design (AWD)
 
RWD is when the page changes on the client side when the window resizes (actually, it can refer to a number of concepts, but the window width is a very common one).
 
AWD is when the page is served up based on the device detected, typically using the user agent string that gets sent to the server with the web request. It infers a device width and serves up content appropriate for the device.
 
It sounds as if what you are doing is similar to AWD, though maybe you are redirecting to specialized pages rather than just serving up different content on the primary URL. Don't do that. In fact, I wouldn't recommend AWD at all, as it is inflexible and won't accept new form factors that are introduced in the future (e.g., some new iPad with 10x the resolution of the current one).
 
Instead, use media queries and/or JavaScript (depending on which browsers you want to support) to detect the current window resolution and display content accordingly. This is RWD. If you want to know more about it, maybe buy the book, Responsive Web Design.
  Permalink  

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
0 OriginalGriff 240
1 Kamal Rocks 184
2 BillWoodruff 173
3 PIEBALDconsult 160
4 CPallini 155
0 OriginalGriff 5,695
1 DamithSL 4,506
2 Maciej Los 4,007
3 Kornfeld Eliyahu Peter 3,480
4 Sergey Alexandrovich Kryukov 3,180


Advertise | Privacy | Mobile
Web03 | 2.8.141216.1 | Last Updated 14 Jan 2013
Copyright © CodeProject, 1999-2014
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100