Home/ Questions/Q 8351299
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-09T08:35:25+00:00

For testing purpose i setup this page : http://www.fondationmartinmatte.com/test.html it’s pretty fine in html

  • 0

For testing purpose i setup this page : http://www.fondationmartinmatte.com/test.html
it’s pretty fine in html desktop browser, but in mobile there is always a vertical grey bar from hell remaining. where it come from and what setting should i tell the html code to use for mobile. First there was that code : <meta name="viewport" content="width=device-width">that make the whole thing worst. i just delete it, and here is the grey bar. how to fix that, thanks in advance

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Try using these:

    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black"/>

    Also, you might want to get a more sophisticated CSS reset than what you currently have (margin: 0, padding: 0). There are some great ones here to make your life easier when it comes to browser compatibility:

    http://www.cssreset.com/

    • 0