After creating a website that functions smoothly on all platforms, I encountered a problem with mobile Safari. On this browser, the page height is inexplicably stretched and the page becomes unresponsive after the first click.
html,body {
height:100%;
background:center no-repeat fixed url('../asset/images/logo1.jpg');
background-size: cover;
color:#444;
font-family: 'Lato', sans-serif;
}
Here are my meta tags:
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0">
Edit: View the website in question here