页面布局的小问题

Question

如何删除页面右侧的自动8px白边？在回答者的帮助下，我已经在桌面上的浏览器中修复了它，例如chrome（v48）和IE（v11）。并且还在移动设备上修复了Chrome，但其他移动浏览器仍然显示了这一优势。有人可以帮帮我吗？

PS。

E.g。 https://css-tricks.com/在总页面上根本没有右边框

但是，例如http://www.voice.fi/确实在桌面上具有右边框，但在移动设备上没有。

Answer 1

通过我们在评论中的来回，这是一个删除移动设备右侧空白区域的答案。

CSS

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

Answer 2

我认为你需要的是CSS文件的顶部：

* {
    margin: 0;
    paddding: 0;

    box-sizing: border-box;
}

这将删除身体的自动8px（在Safari中）边距。

Answer 3

@Josh S.我找到了解决方案。首先，正如你所说，我使用了来自这个网站的重置CSS：http://html5doctor.com/html-5-reset-stylesheet/

然后我在我的屏幕样式CSS中使用了这些：

@objc

瞧，现在它适用于所有桌面和移动浏览器。