Hello, tell me why the layout can be used on the iphone 4. The site can be said not adaptive, the phones display exactly the same as on the PC with only a smaller scale. The essence of the problem is that it is on the iphone that the site opens at 320 or even less "pixel" resolution. How can you get around this ?? Used

meta name="viewport" content="width=device-width; initial-scale=0.85; maximum-scale=0.85; user-scalable=0;" meta name="viewport" content="width=1024"
  • one
    Google advises you <meta name="viewport" content="width=device-width, initial-scale=1"> - Visman
  • @Visman And so I tried - Maxim Cherevatov
  • Viewport should have exactly the format specified by @Visman, and the size of elements should be customized with CSS styles - Andrey Kolomensky

1 answer 1

If the site is not adaptive, how about just setting the correct range?

 <body> <div style="min-width: 1000px; max-width: 100%;"> <!-- Content here --> </div> </body>
  • Such styles and installed. - Maxim Cherevatov
  • do not use meta viewport - xaja
  • @MaximCherevatov can throw off the layout example that you use? - Andrey Kolomensky