html - Fixed position footer changing it's position on opening new tab -


i running issue ios mobile safari.

fixed position footer not retaining it's position on opening/closing new tab on iphone safari browser.

sometime footer move , sometime towards down direction depends upon address bar visible or not.

i not able understand why mobile safari behaving this??

<!doctype html>     <html lang="en">     <meta charset="utf-8" />     <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, target-densitydpi=device-dpi" />     <style type="text/css">         html, body {              margin: 0;              padding: 0;              height:100%         }         .footer {             position: fixed;             bottom: 0px;             width: 100%;             height: 48px;             background-color: grey;         }     </style>     <body>       <div class="footer">           bottom fixed footer.       </div>     </body>      </html> 


Comments

Popular posts from this blog

javascript - Clear button on addentry page doesn't work -

c# - Selenium Authentication Popup preventing driver close or quit -

tensorflow when input_data MNIST_data , zlib.error: Error -3 while decompressing: invalid block type -