CODEWITHSUNDEEP
iphonewebscreen-resolution
content01
content01

Reputation: 3225

How can I make my site fit iPhone's screens?

My site (linearedge.com) doesn't fit iphone's screens. I've tried with a lot of different combinations of viewport meta properties and nothing has worked.

Any suggestions?

Thanks!

Upvotes: 0

Views: 148

Answers (1)

Helen Vasconcelos
Helen Vasconcelos

Reputation: 321

Try styling your website using CSS @media queries to make it responsive. For example the one below, basically means that if your screen is smaller than 739px, then set the width of #container to 200px. If you adjust the size of containers in your website accordingly it should fit.

 @media only screen and (max-width:739px) {
      #container { width:200px; }
          ...
 }

Upvotes: 1

Related Questions