Take the 2-minute tour ×

I have a web site page which is designed for 15.4' laptop. It looks very well displayed on the laptop but when I load the pages on wide screen on 18.5' display it looks very ugly. What are the professional techniques to make web site resolution to look attractive for every resolution?

share|improve this question

closed as not constructive by j08691, George, CBroe, drwelden, Kelly S. French Mar 20 '13 at 17:14


This is more of a google query –  George Mar 20 '13 at 16:05
Try Googling "responsive web design". –  j08691 Mar 20 '13 at 16:05

4 Answers 4

You can use a media type in your css http://www.w3schools.com/css/css_mediatypes.asp

share|improve this answer

There's no specific approach, it completely depends on the designer to decide an approach for building a website as per client requirement, there are various ways, for example:

  • Fluid Layouts
  • Fixed Layouts
  • Responsive(Fluids are kind of responsive)

You can use @media queries to target specific screen resolutions, here you load blocks of CSS respective to the width you target.

There are also few jQuery scripts for achieving cross browser designs, as well as IE being a game spoiler, you've IE specific conditional comments.

share|improve this answer

I understand using height,width in responsive way-

When i design something responsive, i set width and Height to 100%/auto. That fills page according to window size. And using minimum height and width fits them on narrow windows. nevertheless, this is not a very good practice. But it works.

share|improve this answer

I suggest you look at http://www.browserstack.com/ where you can test using virtual versions of many types of browsers and different screens sizes, including mobile phones. It is professional so after a free trial you have to pay.

share|improve this answer
