简体   繁体   English

视口宽度不适用于 android

[英]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.我进行了很多搜索以使我的网站拉伸 100% 的宽度并且它有效,但它只是随机损坏。 The site works find on the iPhone but it has issues with android phones.该网站可以在 iPhone 上找到,但 android 手机存在问题。 Oddly, the site extends further than the device width.奇怪的是,该站点比设备宽度延伸得更远。

I am using <meta name="viewport" content="width=device-width;" />我正在使用<meta name="viewport" content="width=device-width;" /> <meta name="viewport" content="width=device-width;" /> right now and the site is at mallsear.ch <meta name="viewport" content="width=device-width;" />现在,该网站位于 mallsear.ch

Anyone have an idea?有人有想法吗? Thanks!谢谢!

Edit: I have this in CSS too:编辑:我在 CSS 也有这个:

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

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. Facebook 连接中的<div id="fb-root"></div>扩展了站点,一旦我删除它,它就被修复了。

Hope this can help someone!希望这可以帮助某人!

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM