-2

i have built a site,but the thing i noticed when testing was, it appears in different resolutions in other system.i want to make the webpage appear perfectly fit to any resolution..how to do this can anyone help me? thanks in advance...

Mud Hut
  • 575
  • 2
  • 10
  • 21
  • 1
    Are you asking how you can automatically make a user's screen a particular resolution?! Because that's the only interpretation I can make from your question. If so, it's simple... you can't. If it's not, please make your question a lot, lot clearer – freefaller Oct 04 '12 at 11:15
  • Yeah, you'll have to explain what you mean by "it appears in different resolutions in other system". Are you talking about different browser window sizes? – Chris Oct 04 '12 at 11:21
  • do you use % as width unit for you're website? – Mark Oct 04 '12 at 11:22
  • No but the website should should fit perfectly into screen of any resolution. – Mud Hut Oct 04 '12 at 11:24
  • If you want to create something that fits perfectly into everybody's screen, then write an iPhone / iPad application. Browsers come in every shape and colour and size... and as a result you are going to find neigh-on-impossible to make it "fit perfectly" – freefaller Oct 04 '12 at 11:28
  • Maybe are the OP wanting some Responsive layout tutorial? [http://stackoverflow.com/questions/10061572/responsive-layout-tutorial] – Erick Petrucelli Oct 04 '12 at 11:35

2 Answers2

2

Create your site under 1000px or by using a 960 grid layout. It will fit into all versions.

For Mobile - use CSS media queries or create your site by using percentages (target/context=result) and use ems for fonts and margins.

Kuhan Doss
  • 21
  • 2
1

To make your website responsive you can use css media queries.

Refer to this link

AlG
  • 14,697
  • 4
  • 41
  • 54
Rohan Patil
  • 2,328
  • 1
  • 16
  • 23