繁体   English   中英

网页在iOS中有很大的右边距

[英]Webpage has a large right-margin in iOS

我已经检查了我的页面上的所有内容,无法弄清楚是什么让我的网站在iOS中有一个很大的右边距。 这让我疯狂。 我试过设置溢出:隐藏; 对身体无济于事。 没有什么比960px宽。 这是一个非常敏感的设计,除了这一个令人气愤的事情之外,一切都很好。 以下是开发站点的URL: http//ourcityourstory.com/dev/

请参阅附件截图: iOS在网页上显示大的右边距

任何帮助,将不胜感激。

更新:我试过愚弄视口。 请参阅 Stackoverflow帖子。 但无济于事。 我从HTML 5 Boilerplate构建了整个站点

       html,body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}

将其添加到您的CSS中。 那它应该工作正常

罪魁祸首是Facebook分享按钮。 而不是表现像Twitter或Pinterest它iframes并设置500px的身体宽度!

一个简单的overflow: hidden; 在我的.social类上解决了这个问题。

暂无
暂无

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

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