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
Post a Comment