CODEWITHSUNDEEP
androidiphonewidthmeta-tagsviewport
Edmund Fung
Edmund Fung

Reputation: 61

viewport width not working with android

I have searched a lot for making my site stretching 100% of the width and it worked but it just broke randomly. The site works find on the iPhone but it has issues with android phones. Oddly, the site extends further than the device width.

I am using <meta name="viewport" content="width=device-width;" /> right now and the site is at mallsear.ch

Anyone have an idea? Thanks!

Edit: I have this in CSS too:

html{
    color: white;
    background: #1f1f1f;
    font-family: Futura;
    height:100%;
    width: 100%;
    max-width:800px;
    margin-left:auto;
    margin-right:auto;
}

Upvotes: 2

Views: 2040

Answers (1)

Edmund Fung
Edmund Fung

Reputation: 61

So I finally found the problem. The <div id="fb-root"></div> in the Facebook connect stretched out the site and once I deleted it, it was fixed.

Hope this can help someone!

Upvotes: 4

Related Questions