Click here to Skip to main content
15,918,333 members
Please Sign up or sign in to vote.
1.00/5 (2 votes)
See more:
Hi i have developed a website with 3 resolution
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 ?
Updated 14-Jan-13 11:40am
Sergey Alexandrovich Kryukov 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...
Sandeep Mewara 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 14-Jan-13 17:54pm    
OP clarified a bit, but now, this is a really bad idea...

1 solution

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.
Share this answer

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

CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900