Search code examples
htmlcssiphoneviewport

Google / iPhone outputs differ, iphone has a lot of white space

Viewport doesn't seem to be correctly working on my cell phone, I'm unsure why it starts zoomed out with a pile of white space along the right-hand side of the screen (but appears as intended while on Google simulator).

<meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1" />

Iphone Output

iphone image

Google Iphone

enter image description here

Website Address - http://foodmachineryaustralasia.co.nz/

Solution

  • try this one

    <meta name="viewport" content="width=device-width, initial-scale=1.0">