If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

Is there a reason why you would not use media queries? You can have responsive site with just setting % instead of fixed value. However to look great on different resolutions you will need media queries.

Is there a reason why you would not use media queries? You can have responsive site with just setting % instead of fixed value. However to look great on different resolutions you will need media queries.

Sorry if I expressed myself in the wrong way. You are not required to have media queries with % values. Media queries just allow you to easily control the layout/design on different resolutions.

In the reference you do not have fluid grid. You have a fixed grid with media queries controlling the layout based on detected device. If you check the code on that site you will see they use a skeleton grid system and that this system supports 3 types of devices Mobile, Tablets and Base(desktops).

Is there a reason why you would not use media queries? You can have responsive site with just setting % instead of fixed value. However to look great on different resolutions you will need media queries.

Thanks for your reply coding123,

I used media queries for specific resolution. eg 240*320. Its working fine for that specific resolution.

But now a days so many resolutions available, so it is hard to do media queries for all resolution. Am right?

So am looking for , the contents should auto fit depending upon the the resolution.

"You can have your default styles for desktops and laptops, then add a media query for smartphones (320px width). And if you think it's best, you can have another media query for tablets with a lower resolution than most desktops.

The key point is designing the page with a flexible layout so that you can adjust to different screen sizes without losing any functionality (or, hopefully, without losing visual appeal). My advice is to experiment with some simple pages to learn the basics of responsive design before you try to make a real website. Once you get some experience with how everything works, it will be much easier to create a page you'll like.
"