iPhone not resizing my web site to its viewport size (non responsive)

Question

I am trying to resolve an issue with my web site, which when opened in iPhone 4s is failing to re-size to viewport.

The web site is not responsive and the expected result in mobile device is to have the complete web site re-sized to the viewport. Below are the things I tried:

• No viewport meta tag set: Works in Android, not working in iPhone.
• Added viewport with width = device-width: Works in Android, not working in iPhone.
• Added viewport with width=980 : Works in Android, not working in iPhone.
• Added viewport with width=device-width, initial-scale=1.0: Works in Android, not working in iPhone.

Am I missing somthing?

Answer 1

Have you tried this?

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1., user-scalable=no, target-densityDpi=device-dpi" />